html {
  -webkit-tap-highlight-color: transparent;
  font-family: PingFang SC, Helvetica Neue, Helvetica, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  font-size: 12px;
}
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
pre {
  margin: 0;
}
ul,
ol,
dl {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
dd {
  margin-left: 0;
}
i,
em {
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5 {
  display: block;
  *display: block;
  *zoom: 1;
  font-weight: normal;
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input,
textarea,
select,
button {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
  outline: none;
  border: 0;
  padding: 0;
}
input {
  background-color: transparent;
  -webkit-appearance: none;
}
textarea {
  resize: vertical;
}
img {
  border: 0;
  vertical-align: bottom;
}
a {
  cursor: pointer;
  text-decoration: none;
}
pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ti2 {
  text-indent: 2em;
}
.fs12 {
  font-size: 12px;
}
.fs13 {
  font-size: 13px;
}
.fs14 {
  font-size: 14px;
}
.fs15 {
  font-size: 15px;
}
.fs16 {
  font-size: 16px;
}
.fs17 {
  font-size: 17px;
}
.fs18 {
  font-size: 18px;
}
.fs20 {
  font-size: 20px;
}
.fs22 {
  font-size: 22px;
}
.fs23 {
  font-size: 23px;
}
.fs24 {
  font-size: 24px;
}
.fs26 {
  font-size: 26px;
}
.fs28 {
  font-size: 28px;
}
.fs30 {
  font-size: 30px;
}
.fs32 {
  font-size: 32px;
}
.red {
  color: #ff0000;
}
.green {
  color: #008000;
}
.white {
  color: #ffffff;
}
.black {
  color: #000000;
}
.lh16 {
  line-height: 16px;
}
.lh18 {
  line-height: 18px;
}
.lh20 {
  line-height: 20px;
}
.lh22 {
  line-height: 22px;
}
.lh24 {
  line-height: 24px;
}
.lh26 {
  line-height: 26px;
}
.lh28 {
  line-height: 28px;
}
.lh30 {
  line-height: 30px;
}
.lh32 {
  line-height: 32px;
}
.lh34 {
  line-height: 34px;
}
.lh36 {
  line-height: 36px;
}
.lh40 {
  line-height: 40px;
}
.fn {
  font-weight: normal;
}
.fb {
  font-weight: bold;
}
.fsn {
  font-style: normal;
}
.db {
  display: block !important;
}
.dn,
.hidden {
  display: none !important;
}
.di {
  display: inline-block !important;
}
.show {
  display: block !important;
}
.hide {
  display: none !important;
}
.oh {
  overflow: hidden;
}
.fl {
  float: left;
}
.fr {
  float: right !important;
}
.m5 {
  margin: 5px;
}
.m10 {
  margin: 10px;
}
.m15 {
  margin: 15px;
}
.m20 {
  margin: 20px;
}
.mtb5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.mtb10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mtb15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.mtb20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.mtb30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.mtb40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.mlra {
  margin-left: auto;
  margin-right: auto;
}
.mlr5 {
  margin-left: 5px;
  margin-right: 5px;
}
.mlr10 {
  margin-left: 10px;
  margin-right: 10px;
}
.mlr15 {
  margin-left: 15px;
  margin-right: 15px;
}
.mlr20 {
  margin-left: 20px;
  margin-right: 20px;
}
.mlr30 {
  margin-left: 30px;
  margin-right: 30px;
}
.mlr40 {
  margin-left: 40px;
  margin-right: 40px;
}
.mt1 {
  margin-top: 1px;
}
.mt2 {
  margin-top: 2px;
}
.mt3 {
  margin-top: 3px;
}
.mt4 {
  margin-top: 4px;
}
.mt5 {
  margin-top: 5px;
}
.mt6 {
  margin-top: 6px;
}
.mt7 {
  margin-top: 7px;
}
.mt8 {
  margin-top: 8px;
}
.mt9 {
  margin-top: 9px;
}
.mt10 {
  margin-top: 10px;
}
.mt11 {
  margin-top: 11px;
}
.mt12 {
  margin-top: 12px;
}
.mt13 {
  margin-top: 13px;
}
.mt14 {
  margin-top: 14px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt60 {
  margin-top: 60px;
}
.mt90 {
  margin-top: 90px;
}
.mt-5 {
  margin-top: -5px;
}
.mt-10 {
  margin-top: -10px;
}
.mt-15 {
  margin-top: -15px;
}
.mt-20 {
  margin-top: -20px;
}
.mb1 {
  margin-bottom: 1px;
}
.mb2 {
  margin-bottom: 2px;
}
.mb3 {
  margin-bottom: 3px;
}
.mb4 {
  margin-bottom: 4px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb6 {
  margin-bottom: 6px;
}
.mb7 {
  margin-bottom: 7px;
}
.mb8 {
  margin-bottom: 8px;
}
.mb9 {
  margin-bottom: 9px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb11 {
  margin-bottom: 11px;
}
.mb12 {
  margin-bottom: 12px;
}
.mb13 {
  margin-bottom: 13px;
}
.mb14 {
  margin-bottom: 14px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb60 {
  margin-bottom: 60px;
}
.ml1 {
  margin-left: 1px;
}
.ml2 {
  margin-left: 2px;
}
.ml3 {
  margin-left: 3px;
}
.ml4 {
  margin-left: 4px;
}
.ml5 {
  margin-left: 5px;
}
.ml6 {
  margin-left: 6px;
}
.ml7 {
  margin-left: 7px;
}
.ml8 {
  margin-left: 8px;
}
.ml9 {
  margin-left: 9px;
}
.ml10 {
  margin-left: 10px;
}
.ml11 {
  margin-left: 11px;
}
.ml12 {
  margin-left: 12px;
}
.ml13 {
  margin-left: 13px;
}
.ml14 {
  margin-left: 14px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml25 {
  margin-left: 25px;
}
.ml30 {
  margin-left: 30px;
}
.ml40 {
  margin-left: 40px;
}
.ml50 {
  margin-left: 50px;
}
.ml60 {
  margin-left: 60px;
}
.ml115 {
  margin-left: 115px;
}
.mr1 {
  margin-right: 1px;
}
.mr2 {
  margin-right: 2px;
}
.mr3 {
  margin-right: 3px;
}
.mr4 {
  margin-right: 4px;
}
.mr5 {
  margin-right: 5px;
}
.mr6 {
  margin-right: 6px;
}
.mr7 {
  margin-right: 7px;
}
.mr8 {
  margin-right: 8px;
}
.mr9 {
  margin-right: 9px;
}
.mr10 {
  margin-right: 10px;
}
.mr11 {
  margin-right: 11px;
}
.mr12 {
  margin-right: 12px;
}
.mr13 {
  margin-right: 13px;
}
.mr14 {
  margin-right: 14px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr25 {
  margin-right: 25px;
}
.mr30 {
  margin-right: 30px;
}
.mr40 {
  margin-right: 40px;
}
.mr50 {
  margin-right: 50px;
}
.mr60 {
  margin-right: 60px;
}
.mr110 {
  margin-right: 110px;
}
.mr150 {
  margin-right: 150px;
}
.mr220 {
  margin-right: 220px;
}
.p5 {
  padding: 5px;
}
.p10 {
  padding: 10px;
}
.p15 {
  padding: 15px;
}
.p20 {
  padding: 20px;
}
.p30 {
  padding: 30px;
}
.ptb5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.ptb10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.ptb15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.ptb20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.plr5 {
  padding-left: 5px;
  padding-right: 5px;
}
.plr10 {
  padding-left: 10px;
  padding-right: 10px;
}
.plr15 {
  padding-left: 15px;
  padding-right: 15px;
}
.plr20 {
  padding-left: 20px;
  padding-right: 20px;
}
.plr30 {
  padding-left: 30px;
  padding-right: 30px;
}
.pt1 {
  padding-top: 1px;
}
.pt2 {
  padding-top: 2px;
}
.pt3 {
  padding-top: 3px;
}
.pt4 {
  padding-top: 4px;
}
.pt5 {
  padding-top: 5px;
}
.pt6 {
  padding-top: 6px;
}
.pt7 {
  padding-top: 7px;
}
.pt8 {
  padding-top: 8px;
}
.pt9 {
  padding-top: 9px;
}
.pt10 {
  padding-top: 10px;
}
.pt11 {
  padding-top: 11px;
}
.pt12 {
  padding-top: 12px;
}
.pt13 {
  padding-top: 13px;
}
.pt14 {
  padding-top: 14px;
}
.pt15 {
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pt25 {
  padding-top: 25px;
}
.pt30 {
  padding-top: 30px;
}
.pb1 {
  padding-bottom: 1px;
}
.pb2 {
  padding-bottom: 2px;
}
.pb3 {
  padding-bottom: 3px;
}
.pb4 {
  padding-bottom: 4px;
}
.pb5 {
  padding-bottom: 5px;
}
.pb6 {
  padding-bottom: 6px;
}
.pb7 {
  padding-bottom: 7px;
}
.pb8 {
  padding-bottom: 8px;
}
.pb9 {
  padding-bottom: 9px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb11 {
  padding-bottom: 11px;
}
.pb12 {
  padding-bottom: 12px;
}
.pb13 {
  padding-bottom: 13px;
}
.pb14 {
  padding-bottom: 14px;
}
.pb15 {
  padding-bottom: 15px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb25 {
  padding-bottom: 25px;
}
.pb30 {
  padding-bottom: 30px;
}
.pl1 {
  padding-left: 1px;
}
.pl2 {
  padding-left: 2px;
}
.pl3 {
  padding-left: 3px;
}
.pl4 {
  padding-left: 4px;
}
.pl5 {
  padding-left: 5px;
}
.pl6 {
  padding-left: 6px;
}
.pl7 {
  padding-left: 7px;
}
.pl8 {
  padding-left: 8px;
}
.pl9 {
  padding-left: 9px;
}
.pl10 {
  padding-left: 10px;
}
.pl11 {
  padding-left: 11px;
}
.pl12 {
  padding-left: 12px;
}
.pl13 {
  padding-left: 13px;
}
.pl14 {
  padding-left: 14px;
}
.pl15 {
  padding-left: 15px;
}
.pl20 {
  padding-left: 20px;
}
.pl25 {
  padding-left: 25px;
}
.pl30 {
  padding-left: 30px;
}
.pr1 {
  padding-right: 1px;
}
.pr2 {
  padding-right: 2px;
}
.pr3 {
  padding-right: 3px;
}
.pr4 {
  padding-right: 4px;
}
.pr5 {
  padding-right: 5px;
}
.pr6 {
  padding-right: 6px;
}
.pr7 {
  padding-right: 7px;
}
.pr8 {
  padding-right: 8px;
}
.pr9 {
  padding-right: 9px;
}
.pr10 {
  padding-right: 10px;
}
.pr11 {
  padding-right: 11px;
}
.pr12 {
  padding-right: 12px;
}
.pr13 {
  padding-right: 13px;
}
.pr14 {
  padding-right: 14px;
}
.pr15 {
  padding-right: 15px;
}
.pr20 {
  padding-right: 20px;
}
.pr25 {
  padding-right: 25px;
}
.pr30 {
  padding-right: 30px;
}
.w5 {
  width: 5%;
}
.w10 {
  width: 10%;
}
.w15 {
  width: 15%;
}
.w20 {
  width: 20%;
}
.w25 {
  width: 25%;
}
.w30 {
  width: 30%;
}
.w33 {
  width: 33.33333333%;
}
.w35 {
  width: 35%;
}
.w40 {
  width: 40%;
}
.w45 {
  width: 45%;
}
.w49 {
  width: 49%;
}
.w50 {
  width: 50%;
}
.w55 {
  width: 55%;
}
.w60 {
  width: 60%;
}
.w65 {
  width: 65%;
}
.w70 {
  width: 70%;
}
.w75 {
  width: 75%;
}
.w77 {
  width: 77%;
}
.w80 {
  width: 80%;
}
.w85 {
  width: 85%;
}
.w90 {
  width: 90%;
}
.w95 {
  width: 95%;
}
.w100 {
  width: 100%;
}
.wm {
  width: 960px;
}
.h100 {
  height: 100%;
}
.bgcw {
  background-color: #ffffff;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.vat {
  vertical-align: top;
}
.vam {
  vertical-align: middle;
}
.vab {
  vertical-align: bottom;
}
.tdn {
  text-decoration: none;
}
.tdl {
  text-decoration: line-through;
}
.tdu {
  text-decoration: underline;
}
.pointer {
  cursor: pointer;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.line {
  width: 100%;
  height: 1px;
  background-color: #e8e8e8;
}
.bsbb {
  box-sizing: border-box;
}
.bsbb:before,
.bsbb:after {
  box-sizing: inherit;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
@font-face {
  font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1484269745215');
  src: url('../fonts/iconfont.eot?t=1484269745215#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont.woff?t=1484269745215') format('woff'), /* chrome, firefox */ url('../fonts/iconfont.ttf?t=1484269745215') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../res/fonts/iconfont.svg?t=1484269745215#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iMinus,
.iPlus,
.iUpload,
.iLeft,
.iRight,
.iBottom,
.iTop,
.iCalendar,
.iCorrect,
.iWrong,
.iStar,
.iHalfStar,
.iClip,
.iFlag,
.iQuestion,
.iSearch,
.iWarn,
.iInfo,
.iDownload {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iInfo:before {
  content: "\e60d";
}
.iWarn:before {
  content: "\e60e";
}
.iQuestion:before {
  content: "\e610";
}
.iFlag:before {
  content: "\e611";
}
.iClip:before {
  content: "\e612";
}
.iHalfStar:before {
  content: "\e613";
}
.iStar:before {
  content: "\e614";
}
.iWrong:before {
  content: "\e615";
}
.iCorrect:before {
  content: "\e61a";
}
.iCalendar:before {
  content: "\e61b";
}
.iTop:before {
  content: "\e619";
}
.iRight:before {
  content: "\e61d";
}
.iLeft:before {
  content: "\e61e";
}
.iBottom:before {
  content: "\e61c";
}
.iUpload:before {
  content: "\e61f";
}
.iPlus:before {
  content: "\e620";
}
.iMinus:before {
  content: "\e621";
}
.iDownload:before {
  content: "\e622";
}
.idoc {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -124px -4px;
}
.idocWhite {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -104px -4px;
}
.iDocBlack {
  display: inline-block;
  width: 15px;
  height: 16px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -143px -2px;
}
.iadd {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -26px -6px;
}
.iaddGrey {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -63px -3px;
}
.iAddRed {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -345px -185px;
}
.irefreshGrey {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -84px -3px;
}
.iEdit {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -166px -6px;
}
.iEditRed {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -325px -185px;
}
.iEqualWhite {
  display: inline-block;
  width: 8px;
  height: 6px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -246px -7px;
}
.iUnEqualWhite {
  display: inline-block;
  width: 8px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -266px -3px;
}
.iPlusWhite {
  display: inline-block;
  width: 6px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -287px -5px;
}
.iEqual {
  display: inline-block;
  width: 8px;
  height: 6px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -306px -7px;
}
.iUnEqual {
  display: inline-block;
  width: 8px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -326px -3px;
}
.iPlus {
  display: inline-block;
  width: 6px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -347px -5px;
}
.iEqualBlue {
  display: inline-block;
  width: 8px;
  height: 6px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -246px -227px;
}
.iUnEqualBlue {
  display: inline-block;
  width: 8px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -266px -224px;
}
.iPlusBlue {
  display: inline-block;
  width: 6px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -287px -225px;
}
.iPhone {
  display: inline-block;
  width: 10px;
  height: 14px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -205px -3px;
}
.iPosition {
  display: inline-block;
  width: 10px;
  height: 14px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -225px -3px;
}
.iMore {
  display: inline-block;
  width: 9px;
  height: 3px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -185px -9px;
}
.iList {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -302px -222px;
}
.iChart {
  display: inline-block;
  width: 263px;
  height: 263px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: 0px -260px;
}
.iUploadRed {
  display: inline-block;
  width: 11px;
  height: 14px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -345px -223px;
}
.iUser {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: 0 0;
}
.iUnicom {
  display: inline-block;
  width: 73px;
  height: 40px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: 0px -520px;
}
.iUnicomName {
  display: inline-block;
  width: 140px;
  height: 19px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -95px -530px;
}
.iAttr {
  display: inline-block;
  width: 16px;
  height: 13px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -242px -263px;
}
.iAttrGreen {
  display: inline-block;
  width: 16px;
  height: 13px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -242px -243px;
}
.iMenu {
  display: inline-block;
  width: 16px;
  height: 9px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -262px -266px;
}
.iMenuGreen {
  display: inline-block;
  width: 16px;
  height: 9px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -262px -246px;
}
.iRole {
  display: inline-block;
  width: 14px;
  height: 16px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -283px -262px;
}
.iRoleGreen {
  display: inline-block;
  width: 14px;
  height: 16px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -283px -242px;
}
.iUser {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -302px -262px;
}
.iUserGreen {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -302px -242px;
}
.iBack {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -323px -243px;
}
.iLock {
  display: inline-block;
  width: 12px;
  height: 16px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -344px -242px;
}
.iUserInfo {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -322px -263px;
}
.iLogout {
  display: inline-block;
  width: 13px;
  height: 16px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -344px -262px;
}
.iSearch {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -322px -202px;
}
.iBackGreen {
  display: inline-block;
  width: 15px;
  height: 10px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -242px -285px;
}
.iBackRed {
  display: inline-block;
  width: 15px;
  height: 10px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -262px -285px;
}
.input {
  position: relative;
  padding: 9px 10px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  line-height: 14px;
  border-radius: 3px;
}
.input.showDatePicker .datePicker {
  display: block !important;
}
.input.error .tips {
  display: block !important;
}
.input.left .tips {
  left: auto;
  right: initial;
  left: -20px;
  -ms-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.input.left .tips:before {
  left: auto;
  right: -10px;
  border-right: none;
  border-left: 9px solid #FCDBD9;
}
.input.left .tips:after {
  left: auto;
  right: -8px;
  border-right: none;
  border-left: 9px solid #FEF0EF;
}
.input input {
  display: block !important;
  width: 100%;
  height: 20px;
  line-height: 20px;
}
.input.code a.code {
  position: absolute;
  width: 80px;
  height: 26px;
  line-height: 26px;
  color: #ffffff;
  font-size: 12px;
  border-radius: 3px;
  background-color: #9B9B9B;
  text-align: center;
  right: 6px;
  top: 6px;
}
.input.code input {
  width: calc(100% - 90px);
}
.input .tips {
  display: none !important;
  position: absolute;
  top: 0;
  right: -20px;
  max-width: 150px;
  padding: 8px 10px;
  background-color: #FEF0EF;
  -ms-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  border: 1px solid #FCDBD9;
  border-radius: 5px;
  color: #D0011B;
  line-height: 18px;
  font-size: 12px;
}
.input .tips:before,
.input .tips:after {
  content: '';
  position: absolute;
  top: 13px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.input .tips:before {
  z-index: 1;
  left: -8px;
  border-right: 7px solid #FCDBD9;
}
.input .tips:after {
  z-index: 2;
  left: -6px;
  border-right: 7px solid #FEF0EF;
}
.input .tips:empty {
  display: none !important;
}
.input.disabled {
  background-color: #f7f8f8;
  cursor: not-allowed;
}
.textarea {
  max-width: 100%;
  width: 100%;
  min-height: 60px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  background-color: #ffffff;
  line-height: 14px;
  resize: vertical;
}
.textarea:before,
.textarea:after {
  box-sizing: inherit;
}
.textarea:focus {
  border-color: #6089fd;
}
.textarea.textDiv {
  overflow-y: auto;
  max-height: 200px;
  outline: none;
}
.textarea.textDiv[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text);
  color: #999;
}
.textarea:read-only {
  background: #f7f7f7;
  color: #30333c;
  resize: none;
}
.textarea:read-only::-webkit-input-placeholder {
  color: #30333c;
}
.textarea:read-only:-moz-placeholder {
  color: #30333c;
}
.textarea:read-only::-moz-placeholder {
  color: #30333c;
}
.textarea:read-only:-ms-input-placeholder {
  color: #30333c;
}
.textarea:read-only:focus {
  border-color: #e8e8e8;
}
.textarea:disabled {
  background: #f7f7f7;
  color: #cccccc;
  resize: none;
  cursor: pointer;
}
.textarea:disabled::-webkit-input-placeholder {
  color: #cccccc;
}
.textarea:disabled:-moz-placeholder {
  color: #cccccc;
}
.textarea:disabled::-moz-placeholder {
  color: #cccccc;
}
.textarea:disabled:-ms-input-placeholder {
  color: #cccccc;
}
.textarea:disabled:focus {
  border-color: #e8e8e8;
}
.textarea.textareaView:read-only {
  border: none;
  resize: none;
}
.selectBox {
  border-radius: 3px;
  background-color: #fff;
  position: relative;
  display: inline-block;
  max-width: 100%;
  width: 100%;
  height: 36px;
  padding-left: 10px;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  box-sizing: border-box;
  cursor: pointer;
}
.selectBox:before,
.selectBox:after {
  box-sizing: inherit;
}
.selectBox.showOption ul {
  display: block;
}
.selectBox.showOption:after {
  -ms-transform: rotate(180deg) scale(0.6);
  -moz-transform: rotate(180deg) scale(0.6);
  -o-transform: rotate(180deg) scale(0.6);
  -webkit-transform: rotate(180deg) scale(0.6);
  transform: rotate(180deg) scale(0.6);
}
.selectBox:after {
  content: '\e61c';
  position: absolute;
  right: 10px;
  top: 0;
  line-height: 34px;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  -ms-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  color: #9b9b9b;
}
.selectBox > ul {
  display: none;
  z-index: 5;
  position: absolute;
  top: 36px;
  left: 0;
  width: 100%;
  overflow-y: auto;
  background-color: #ffffff;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.selectBox > ul li {
  height: 36px;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 36px;
  color: #30333c;
  cursor: pointer;
}
.selectBox > ul li.disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.24);
}
.selectBox > ul li.disabled:hover {
  background: none;
}
.selectBox > ul li.selected {
  font-weight: 700;
  background: #f7f7f7;
}
.selectBox .value {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  line-height: 34px;
  color: #30333c;
}
.selectBox .value:before,
.selectBox .value:after {
  box-sizing: inherit;
}
.selectBox.disabled {
  background: #f7f7f7;
  cursor: not-allowed;
}
.selectBox.disabled:after {
  color: rgba(0, 0, 0, 0.25);
}
.selectBox.disabled .value {
  color: rgba(0, 0, 0, 0.25);
}
.selectBox.disabled .iconDrop:before {
  border-color: #e8e8e8;
}
.selectBox.disabled ul {
  display: none;
}
.selectBox.disabled:hover {
  border-color: #e8e8e8;
}
.radio {
  position: relative;
  display: inline-block !important;
  cursor: pointer;
  line-height: 14px;
  color: #30333c;
}
.radio input[type=radio] {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 50%;
  width: 14px;
  height: 14px;
  margin: -8px 0 0 0;
  opacity: 0;
  cursor: pointer;
}
.radio input[type=radio]:checked + i {
  border: 1px solid #2592fc;
}
.radio input[type=radio]:checked + i:before {
  background: #2592fc;
}
.radio input[type=radio]:hover + i {
  border-color: #2592fc;
}
.radio input[type=radio]:disabled {
  cursor: not-allowed;
}
.radio input[type=radio]:disabled + i {
  background: #f7f7f7;
}
.radio input[type=radio]:disabled + i:before {
  background: #f7f7f7;
}
.radio input[type=radio]:disabled:hover + i {
  background: #f7f7f7;
  border-color: #e8e8e8;
}
.radio input[type=radio]:disabled:checked + i {
  border-color: #e8e8e8;
}
.radio input[type=radio]:disabled:checked + i:before {
  background: #e8e8e8;
}
.radio input[type=radio].notAllowed {
  cursor: not-allowed;
}
.radio i {
  position: relative;
  float: left;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  border-radius: 100%;
  vertical-align: top;
}
.radio i:before,
.radio i:after {
  box-sizing: inherit;
}
.radio i:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -3px;
  background-color: #ffffff;
  border-radius: 100%;
}
.radio.disabled {
  color: #cccccc;
  cursor: not-allowed;
}
.checkbox {
  position: relative;
  display: inline-block !important;
  cursor: pointer;
  line-height: 16px;
  color: #30333c;
}
.checkbox input[type=checkbox] {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 0;
  opacity: 0;
  cursor: pointer;
}
.checkbox input[type=checkbox]:checked + i {
  border-color: #6089fd;
  background: #6089fd;
}
.checkbox input[type=checkbox]:checked + i:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  width: 6px;
  height: 10px;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkbox input[type=checkbox]:checked + i:checked:disabled {
  border-color: #e8e8e8;
  background: #e8e8e8;
}
.checkbox input[type=checkbox]:checked + i:checked:disabled:before {
  content: '';
  border-color: rgba(0, 0, 0, 0.24);
}
.checkbox input[type=checkbox]:hover + i {
  border-color: #6089fd;
}
.checkbox input[type=checkbox]:disabled {
  cursor: not-allowed;
}
.checkbox input[type=checkbox]:disabled + i {
  background: #f7f7f7;
}
.checkbox input[type=checkbox]:disabled:hover + i {
  border-color: #e8e8e8;
}
.checkbox input[type=checkbox]:disabled:checked + i {
  border-color: #e8e8e8;
  background: #e8e8e8;
}
.checkbox input[type=checkbox].notAllowed {
  cursor: not-allowed;
}
.checkbox i {
  position: relative;
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  vertical-align: top;
  cursor: pointer;
}
.checkbox i:before,
.checkbox i:after {
  box-sizing: inherit;
}
.checkbox.disabled {
  color: #cccccc;
  cursor: not-allowed;
}
.upload {
  position: relative;
  display: inline-block;
  color: #30333c;
  cursor: pointer;
}
.upload input[type=file] {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 36px;
  opacity: 0;
  cursor: pointer;
}
.upload .button {
  margin: 0;
  cursor: pointer;
}
.upload .iUpload {
  margin-right: 10px;
  font-size: 14px;
  color: #30333c;
}
.upload.uploadAvatar {
  width: 250px;
  height: 250px;
  padding: 30px;
  border: 1px dashed #e8e8e8;
  box-sizing: border-box;
}
.upload.uploadAvatar:before,
.upload.uploadAvatar:after {
  box-sizing: inherit;
}
.upload.uploadAvatar input[type=file] {
  width: 100%;
  height: 100%;
}
.upload.uploadAvatar .addFile {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}
.upload.uploadAvatar .addFile:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: -1.5px;
  border-top: 3px solid #e8e8e8;
}
.upload.uploadAvatar .addFile:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 100%;
  margin-left: -1.5px;
  border-left: 3px solid #e8e8e8;
}
.statusPrompt {
  position: relative;
  padding: 9px 10px 9px 36px;
  border-radius: 5px;
  box-sizing: border-box;
}
.statusPrompt:before,
.statusPrompt:after {
  box-sizing: inherit;
}
.statusPrompt.statusSuccess {
  border: 1px solid #cfefdf;
  background: #ebf8f2;
}
.statusPrompt.statusInfo {
  border: 1px solid #d2eafb;
  background: #ecf6fd;
}
.statusPrompt.statusWarning {
  border: 1px solid #fff3cf;
  background: #fffaeb;
}
.statusPrompt.statusError {
  border: 1px solid #fcdbd9;
  background: #fef0ef;
}
.statusPrompt .promptIcon {
  position: absolute;
  left: 10px;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border-radius: 100%;
  line-height: 16px;
}
.statusPrompt .closeIcon {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.statusPrompt .closeIcon:before {
  content: '\e615';
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #4a4a4a;
  font-size: 12px;
}
.statusPrompt.paragraph {
  padding: 30px;
  padding-left: 64px;
  color: #30333c;
}
.statusPrompt.paragraph .promptIcon {
  left: 30px;
  top: 30px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  border-radius: 100%;
  border: 1.5px solid;
  background: none;
  box-sizing: border-box;
  line-height: 21px;
}
.statusPrompt.paragraph .promptIcon:before,
.statusPrompt.paragraph .promptIcon:after {
  box-sizing: inherit;
}
.statusPrompt.paragraph .successIcon {
  color: #00a854;
}
.statusPrompt.paragraph .successIcon:before {
  color: #00a854;
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.statusPrompt.paragraph .infoIcon {
  color: #108ee9;
}
.statusPrompt.paragraph .infoIcon:before {
  margin-left: .5px;
  color: #108ee9;
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.statusPrompt.paragraph .errorIcon {
  color: #f04134;
}
.statusPrompt.paragraph .errorIcon:before {
  color: #f04134;
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.statusPrompt.paragraph .warningIcon {
  margin-left: .5px;
  color: #ffbf00;
}
.statusPrompt.paragraph .warningIcon:before {
  color: #ffbf00;
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.statusPrompt .tipsTitle {
  margin-bottom: 8px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 600;
}
.statusPrompt .successIcon {
  background: #00a854;
  text-align: center;
}
.statusPrompt .successIcon:before {
  content: '\e61a';
  display: block;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  font-size: 12px;
  -ms-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
.statusPrompt .infoIcon {
  background: #108ee9;
  text-align: center;
}
.statusPrompt .infoIcon:before {
  content: '\e60d';
  display: block !important;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  font-size: 12px;
  -ms-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.statusPrompt .warningIcon {
  background: #ffbf00;
  text-align: center;
}
.statusPrompt .warningIcon:before {
  content: '\e60e';
  display: block !important;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  font-size: 12px;
  -ms-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.statusPrompt .errorIcon {
  background: #f04134;
  text-align: center;
}
.statusPrompt .errorIcon:before {
  content: '\e615';
  display: block !important;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  font-size: 12px;
  -ms-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -o-transform: scale(0.75);
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
}
.modalWrap {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: table;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.modal {
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  bottom: auto !important;
  width: 600px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
  display: block !important;
  z-index: 4;
  padding: 30px 40px;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  -ms-transition: height 0.2s linear;
  -moz-transition: height 0.2s linear;
  -o-transition: height 0.2s linear;
  -webkit-transition: height 0.2s linear;
  transition: height 0.2s linear;
}
.modal:before,
.modal:after {
  box-sizing: inherit;
}
.modal > .title {
  font-size: 18px;
  font-weight: 600;
  color: #3a9cfc;
  text-align: center;
  margin-bottom: 20px;
}
.modal .crumbs {
  margin-bottom: 20px;
  color: #9b9b9b;
  font-size: 12px;
  text-align: center;
}
.modal .content {
  display: table;
  width: 100%;
  height: 80px;
  text-align: center;
}
.modal .content .text {
  display: inline-block !important;
  font-size: 14px;
  text-align: left;
}
.modal .modalTip {
  margin-bottom: 30px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  display: inline-block !important;
  font-size: 12px;
  color: #fb4040;
}
.mask {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 3;
}
.formItem {
  width: 100%;
  margin-bottom: 20px;
  *zoom: 1;
}
.formItem:after,
.formItem:before {
  content: "";
  display: table;
}
.formItem:after {
  clear: both;
}
.formItem label {
  position: relative;
  float: left;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 15px;
  line-height: 36px;
  font-size: 14px;
  color: #30333c;
  text-align: right;
}
.formItem label:after {
  content: 'ï¼š';
  position: absolute;
  right: 0;
  top: 0;
}
.formItem .item {
  float: left;
  width: calc(100% - 115px);
}
.rating {
  display: table;
}
.rating i {
  font-size: 26px;
  margin-right: 15px;
  cursor: pointer;
  color: #f1f2f9;
}
.rating i:hover,
.rating i.on {
  color: #6089fd;
}
.rating i:last-child {
  margin-right: 0;
}
.loading {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.loading.part {
  position: relative;
  z-index: initial;
  background-color: transparent;
}
.loading.part:before {
  margin-left: -35px;
}
.loading.part:after {
  content: 'åŠ è½½ä¸­';
  text-align: left;
  margin: -10px 0 0 0;
  width: auto;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  background-color: transparent;
}
.loading:before {
  content: '';
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -15px;
  display: block !important;
  width: 30px;
  height: 30px;
  animation: loading 1s steps(12, end) infinite;
  background: transparent url() no-repeat;
  background-size: 100%;
}
.loading:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  background-color: white;
}
@-webkit-keyframes loading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes loading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
.pagenation li {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 2px;
  cursor: pointer;
}
.pagenation li:before,
.pagenation li:after {
  box-sizing: inherit;
}
.pagenation li.on {
  background-color: rgba(158, 158, 158, 0.2);
  border: 1px solid rgba(158, 158, 158, 0.2);
}
.pagenation li.more {
  border: none;
  position: relative;
  background: transparent;
}
.pagenation li.more:before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #d8d8d8;
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
}
.pagenation li.more:after {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #d8d8d8;
  content: '';
  position: absolute;
  left: 21px;
  top: 5px;
}
.pagenation li.disabled {
  cursor: not-allowed;
  border: 1px solid #e9e9e9;
  color: #e9e9e9;
}
.pagenation li .circle {
  width: 5px;
  height: 5px;
  display: inline-block !important;
  background-color: #d8d8d8;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 13px;
}
.progress {
  position: relative;
  box-sizing: border-box;
  height: 16px;
  padding-right: 50px;
}
.progress:before,
.progress:after {
  box-sizing: inherit;
}
.progress .progress-outer {
  position: relative;
  background-color: #f7f7f7;
  border-radius: 4px;
  height: 10px;
  top: 3px;
}
.progress .progress-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  border-radius: 4px;
  background-color: #6089fd;
}
.progress .progress-text {
  position: absolute;
  width: 50px;
  text-align: center;
  top: 0;
  right: 0;
  font-size: 12px;
}
.cascading {
  position: relative;
}
.cascading .iBottom {
  position: absolute;
  right: 5px;
  top: 10px;
  color: #9b9b9b;
  transform: scale(0.4, 0.4);
  -webkit-transform: scale(0.4, 0.4);
}
.cascading .ul_container {
  position: absolute;
  width: 362px;
  background-color: #ffffff;
  z-index: 999;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
.cascading .ul_container ul {
  height: 180px;
  float: left;
  border-right: 1px solid #e9e9e9;
}
.cascading .ul_container ul li {
  position: relative;
  padding: 7px 26px 7px 16px;
  width: 78px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  transition: all .3 ease;
}
.cascading .ul_container ul li.son:after {
  content: '\e61d';
  position: absolute;
  right: 5px;
  top: 8px;
  font-family: 'iconfont';
  transform: scale(0.6, 0.6);
  -webkit-transform: scale(0.6, 0.6);
}
.cascading .ul_container ul li:hover {
  background-color: #ecf6fd;
}
.cascading .ul_container ul:last-child {
  border-right: 0;
}
.prompt {
  position: relative;
  min-height: 36px;
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
}
.prompt input {
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
}
.prompt .tips {
  display: none !important;
  position: absolute;
  top: -46px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  line-height: 18px;
  font-size: 12px;
  padding: 10px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}
.prompt .tips:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 10px;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(217, 217, 217, 0.7) transparent transparent transparent;
}
.prompt .tips:before {
  content: '';
  position: absolute;
  bottom: -9px;
  left: 10px;
  z-index: 1;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
}
.prompt:hover .tips {
  display: block !important;
}
.prompt.correct {
  border: 1px solid #cfefdf;
  background-color: #ebf8f2;
}
.prompt.warning {
  border: 1px solid #fff3cf;
  background-color: #fffaeb;
}
.prompt.error {
  border: 1px solid #fcdbd9;
  background-color: #fef0ef;
}
.table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #f1f2f9;
}
.table tr:hover {
  background-color: #f7f9ff;
}
.table th {
  background-color: #fafafa;
  text-align: left;
}
.table th,
.table td {
  white-space: nowrap;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #f1f2f9;
  border-bottom: 1px solid #f1f2f9;
  padding-left: 30px;
  padding-right: 30px;
}
.table th.operate a,
.table td.operate a {
  color: #fb4040;
  margin-right: 10px;
}
.table th.operate a:hover,
.table td.operate a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.table th.operate a:last-child,
.table td.operate a:last-child {
  margin-right: 0;
}
.table th.doing,
.table td.doing {
  position: relative;
  padding-left: 35px;
}
.table th.doing:before,
.table td.doing:before {
  content: '';
  left: 22px;
  top: 21px;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #7ed321;
}
.table th.done,
.table td.done {
  position: relative;
  padding-left: 35px;
}
.table th.done:before,
.table td.done:before {
  content: '';
  left: 25px;
  top: 20px;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #d0011b;
}
.table td {
  height: 70px;
  box-sizing: border-box;
}
.table td:before,
.table td:after {
  box-sizing: inherit;
}
.datepick {
  position: relative;
  border: 1px solid #e8e8e8;
  padding-right: 0;
}
.datepick input.input {
  border: none;
}
.datepick .iCalendar {
  position: absolute;
  cursor: pointer;
  right: 5px;
  top: 9px;
  width: 15px;
  height: 16px;
  color: #9b9b9b;
}
.navigation ul {
  *zoom: 1;
}
.navigation ul:after,
.navigation ul:before {
  content: "";
  display: table;
}
.navigation ul:after {
  clear: both;
}
.navigation li {
  float: left;
  padding: 20px 50px;
  -ms-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-size: 14px;
  border-bottom: 1px solid #e8e8e8;
}
.navigation li:hover {
  cursor: pointer;
  color: #6089fd;
}
.navigation li.on {
  position: relative;
  color: #6089fd;
}
.navigation li.on:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #6089fd;
}
.navigation li.sub {
  position: relative;
}
.navigation li.sub:after {
  content: "\e61c";
  display: inline-block !important;
  -ms-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  font-size: 12px;
}
.navigation li.sub:hover:after {
  color: #6089fd;
  transform: scale(0.5) rotate(180deg);
}
.navigation li.sub .list {
  position: absolute;
  width: 100%;
}
.navigation li.sub .list span {
  display: block !important;
}
.tabs {
  border-bottom: 1px solid #e8e8e8;
  *zoom: 1;
}
.tabs:after,
.tabs:before {
  content: "";
  display: table;
}
.tabs:after {
  clear: both;
}
.tabs span {
  float: left;
  display: block !important;
  margin-left: 5px;
  padding: 0 30px;
  height: 42px;
  -ms-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  line-height: 42px;
  color: #4a4a4a;
  font-size: 14px;
  cursor: pointer;
}
.tabs span:first-child {
  margin-left: 0;
}
.tabs span:hover {
  background-color: #f7f7f7;
}
.tabs span.on {
  position: relative;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  cursor: default;
}
.tabs span.on:hover {
  background-color: #ffffff;
}
.tabs span.on:before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 100%;
  background-color: white;
}
button,
.button {
  display: inline-block !important;
  padding: 8px 25px;
  border-radius: 2px;
  background: #6089fd;
  border: none;
  cursor: pointer;
  line-height: 20px;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
}
button.small,
.button.small {
  padding: 8px 20px;
  font-size: 12px;
  line-height: 14px;
}
button.large,
.button.large {
  padding: 10px 30px;
  font-size: 18px;
  line-height: 24px;
}
button:hover,
.button:hover {
  background: #799cfd;
}
button:active,
.button:active {
  -ms-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -o-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
button.red,
.button.red {
  background-color: #fb4040;
  color: #fff;
}
button.red:hover,
.button.red:hover {
  background: #fc7272;
}
button.ghost,
.button.ghost {
  background: none;
  padding: 7px 24px;
  border: 1px solid #fb4040;
  color: #fb4040;
}
button.ghost:hover,
.button.ghost:hover {
  color: #fc7272;
  border-color: #fc7272;
}
button.ghost.small,
.button.ghost.small {
  padding: 7px 19px;
}
button.ghost.large,
.button.ghost.large {
  padding: 9px 29px;
}
button.ghost[disabled],
.button.ghost[disabled] {
  background: none;
}
button.ghost[disabled]:hover,
.button.ghost[disabled]:hover {
  border-color: #e8e8e8;
}
button[disabled],
.button[disabled] {
  cursor: not-allowed;
  background: #f7f7f7;
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  color: rgba(0, 0, 0, 0.24);
}
button:before,
.button:before {
  margin-right: 8px;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  font-size: 12px;
}
button.with-iPlus:before,
.button.with-iPlus:before {
  content: "\e620";
}
button.with-iDownload:before,
.button.with-iDownload:before {
  content: "\e622";
}
button.with-iUpload:before,
.button.with-iUpload:before {
  content: "\e61f";
}
.select {
  position: relative;
  height: 28px;
  padding: 0 25px 0 10px;
  border: 1px solid #b5b5b5;
  border-radius: 3px;
  line-height: 28px;
  width: 80px;
}
.select span.val {
  display: block !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select:after {
  content: '';
  position: absolute;
  top: 11px;
  right: 8px;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: #b5b5b5 transparent transparent transparent;
}
.select select {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 30px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.datePicker {
  display: none !important;
  position: absolute;
  z-index: 10;
  top: 44px;
  left: 50%;
  margin-left: -115px;
  width: 230px;
  background-color: white;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.datePicker:before {
  content: 'â–²' !important;
  position: absolute;
  z-index: 3;
  left: 50%;
  top: -8px;
  margin-left: -10px;
  width: 20px;
  height: 14px;
  text-align: center;
  line-height: 14px;
  color: #6089fd;
  font-size: 18px;
  transform: scaleX(1.8);
}
.datePicker.top {
  top: auto;
  bottom: 44px;
}
.datePicker.top:before {
  content: 'â–¼' !important;
  top: auto;
  bottom: -9px;
  height: 12px;
  color: white;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  line-height: 12px;
  font-size: 14px;
  transform: scaleX(1.6);
}
.datePicker.top:after {
  content: '';
  display: block !important;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 6px;
  background-color: #6089fd;
}
.datePicker .mask {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.datePicker .box {
  position: relative;
  z-index: 2;
}
.datePicker.haveTime .yearMonth {
  float: left;
  width: 120px;
}
.datePicker .setHoursMinutes .title {
  padding: 15px;
  height: 20px;
  line-height: 20px;
}
.datePicker .setHoursMinutes .title .hours,
.datePicker .setHoursMinutes .title .minutes {
  font-size: 14px;
}
.datePicker .setHoursMinutes .title .fr,
.datePicker .setHoursMinutes .title .fl {
  cursor: pointer;
}
.datePicker .setHoursMinutes .title .fr:hover,
.datePicker .setHoursMinutes .title .fl:hover {
  color: rgba(255, 255, 255, 0.7);
}
.datePicker .setHoursMinutes .content {
  text-align: center;
}
.datePicker .setHoursMinutes .timeList {
  display: inline-block !important;
  margin: 0 10px;
  border: 1px solid #e8e8e8;
  height: 136px;
  overflow-y: auto;
}
.datePicker .setHoursMinutes .timeList.hours em:after {
  content: 'ç‚¹';
}
.datePicker .setHoursMinutes .timeList.minutes em:after {
  content: 'åˆ†';
}
.datePicker .setHoursMinutes .timeList em {
  display: block !important;
  margin: 8px 8px;
  width: 30px;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
}
.datePicker .setHoursMinutes .timeList em:hover {
  color: #6089fd;
}
.datePicker .setHoursMinutes .timeList em.on {
  background-color: #6089fd;
  border-radius: 3px;
  color: white;
}
.datePicker .setHoursMinutes .button {
  display: block !important;
  margin: 10px auto 0 auto;
  padding: 0;
  width: 50px;
  height: 24px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 24px;
}
.datePicker.haveRound {
  *zoom: 1;
  width: 460px;
  margin-left: -230px;
}
.datePicker.haveRound:after,
.datePicker.haveRound:before {
  content: "";
  display: table;
}
.datePicker.haveRound:after {
  clear: both;
}
.datePicker.haveRound .box {
  width: 230px;
  float: left;
}
.datePicker.haveRound .prev,
.datePicker.haveRound .next {
  top: 18px;
}
.datePicker.haveRound .prev {
  left: 10px;
}
.datePicker.haveRound .next {
  right: 10px;
}
.datePicker.haveRound .yearMonth {
  margin-left: 25px;
  width: initial;
}
.datePicker.haveRound .hoursMinutes {
  margin-right: 25px;
}
.datePicker.haveRound .timeList {
  height: 162px;
}
.datePicker .prev,
.datePicker .next {
  position: absolute;
  z-index: 11;
  top: 3px;
  cursor: pointer;
  width: 10px;
  height: 14px;
}
.datePicker .prev:hover,
.datePicker .next:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.datePicker .prev:before,
.datePicker .next:before,
.datePicker .prev:after,
.datePicker .next:after {
  content: '';
  position: absolute;
  left: 0;
  display: block !important;
  width: 10px;
  height: 2px;
  background-color: white;
}
.datePicker .prev:before,
.datePicker .next:before {
  top: 3px;
}
.datePicker .prev:after,
.datePicker .next:after {
  bottom: 3px;
}
.datePicker .prev {
  left: 0;
}
.datePicker .prev:before {
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.datePicker .prev:after {
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.datePicker .next {
  right: 0;
}
.datePicker .next:before {
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.datePicker .next:after {
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.datePicker .title {
  overflow: hidden;
  position: relative;
  padding: 15px 10px 15px 10px;
  text-align: center;
  background-color: #6089fd;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: white;
}
.datePicker .title .yearMonth {
  position: relative;
}
.datePicker .title .yearMonth .year,
.datePicker .title .yearMonth .month {
  line-height: 20px;
  font-size: 14px;
}
.datePicker .title .yearMonth .year {
  margin-right: 5px;
}
.datePicker .title .yearMonth .year:after {
  content: 'å¹´';
}
.datePicker .title .yearMonth .month:after {
  content: 'æœˆ';
}
.datePicker .title .hoursMinutes {
  float: right !important;
  width: 70px;
  background-color: rgba(0, 0, 0, 0.1);
  height: 20px;
  border-radius: 10px;
  line-height: 20px;
  font-size: 12px;
  cursor: pointer;
}
.datePicker .title .hoursMinutes:hover {
  color: rgba(255, 255, 255, 0.7);
}
.datePicker .title .hours {
  margin-right: 5px;
}
.datePicker .title .hours:after {
  content: 'ç‚¹';
}
.datePicker .title .minutes:after {
  content: 'åˆ†';
}
.datePicker .content {
  padding: 10px;
  background-color: white;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
}
.datePicker .content .week {
  overflow: hidden;
}
.datePicker .content .week em {
  float: left;
  display: block !important;
  width: 30px;
  height: 20px;
  text-align: center;
  color: #cccccc;
  line-height: 20px;
}
.datePicker .content span {
  float: left;
  display: block !important;
  margin: 2px 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}
.datePicker .content span:hover {
  background-color: rgba(96, 137, 253, 0.1);
  border-radius: 50%;
}
.datePicker .content span:empty {
  cursor: default;
  background-color: transparent!important;
}
.datePicker .content span:empty:hover {
  background-color: transparent!important;
}
.datePicker .content span.today {
  margin: 4px 2px;
  width: 24px;
  height: 24px;
  border: 1px solid currentColor;
  border-radius: 50%;
  line-height: 24px;
  color: #6089fd;
}
.datePicker .content span.on {
  background-color: #6089fd;
  cursor: default;
  border-radius: 50%;
  color: white;
}
.datePicker .content span.start,
.datePicker .content span.end {
  position: relative;
  z-index: 1;
  border-radius: 50%;
  background-color: #6089fd;
  cursor: default;
  color: white;
}
.datePicker .content span.start:before,
.datePicker .content span.end:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  width: 15px;
  height: 100%;
  background-color: rgba(96, 137, 253, 0.1);
}
.datePicker .content span.start:before {
  right: 0;
}
.datePicker .content span.end:before {
  left: 0;
}
.datePicker .content span.pass {
  background-color: rgba(96, 137, 253, 0.1);
  cursor: default;
}
.datePicker .content span.disabled {
  color: #cccccc;
}
.datePicker .content span.disabled:hover {
  background-color: initial;
}
.empty {
  position: relative;
  width: 100%;
  height: 100%;
  color: #cccccc;
}
.empty:before,
.empty:after {
  position: absolute;
  top: 50%;
  left: 50%;
}
.empty:before {
  content: '\e60e';
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: -12px 0 0 -40px;
  display: block !important;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  border-radius: 50%;
  border: 1px solid currentColor;
  font-size: 16px;
}
.empty:after {
  content: 'æš‚æ— æ•°æ®';
  margin: -12px 0 0 -8px;
  line-height: 24px;
  font-size: 12px;
}
.g {
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  *word-spacing: -0.43em;
  text-rendering: optimizespeed;
  display: flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
}
.g .g-u {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}
.g .g-1,
.g .g-1-1,
.g .g-1-2,
.g .g-1-3,
.g .g-2-3,
.g .g-1-4,
.g .g-3-4,
.g .g-1-5,
.g .g-2-5,
.g .g-3-5,
.g .g-4-5,
.g .g-5-5,
.g .g-1-6,
.g .g-5-6,
.g .g-1-8,
.g .g-3-8,
.g .g-5-8,
.g .g-7-8,
.g .g-1-12,
.g .g-5-12,
.g .g-7-12,
.g .g-11-12,
.g .g-1-24,
.g .g-2-24,
.g .g-3-24,
.g .g-4-24,
.g .g-5-24,
.g .g-6-24,
.g .g-7-24,
.g .g-8-24,
.g .g-9-24,
.g .g-10-24,
.g .g-11-24,
.g .g-12-24,
.g .g-13-24,
.g .g-14-24,
.g .g-15-24,
.g .g-16-24,
.g .g-17-24,
.g .g-18-24,
.g .g-19-24,
.g .g-20-24,
.g .g-21-24,
.g .g-22-24,
.g .g-23-24,
.g .g-24-24 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}
.g .g-1-24 {
  width: 4.1667%;
  *width: 4.1357%;
}
.g .g-1-12,
.g .g-2-24 {
  width: 8.3333%;
  *width: 8.3023%;
}
.g .g-1-8,
.g .g-3-24 {
  width: 12.5000%;
  *width: 12.4690%;
}
.g .g-1-6,
.g .g-4-24 {
  width: 16.6667%;
  *width: 16.6357%;
}
.g .g-1-5 {
  width: 20%;
  *width: 19.9690%;
}
.g .g-5-24 {
  width: 20.8333%;
  *width: 20.8023%;
}
.g .g-1-4,
.g .g-6-24 {
  width: 25%;
  *width: 24.9690%;
}
.g .g-7-24 {
  width: 29.1667%;
  *width: 29.1357%;
}
.g .g-1-3,
.g .g-8-24 {
  width: 33.3333%;
  *width: 33.3023%;
}
.g .g-3-8,
.g .g-9-24 {
  width: 37.5000%;
  *width: 37.4690%;
}
.g .g-2-5 {
  width: 40%;
  *width: 39.9690%;
}
.g .g-5-12,
.g .g-10-24 {
  width: 41.6667%;
  *width: 41.6357%;
}
.g .g-11-24 {
  width: 45.8333%;
  *width: 45.8023%;
}
.g .g-1-2,
.g .g-12-24 {
  width: 50%;
  *width: 49.9690%;
}
.g .g-13-24 {
  width: 54.1667%;
  *width: 54.1357%;
}
.g .g-7-12,
.g .g-14-24 {
  width: 58.3333%;
  *width: 58.3023%;
}
.g .g-3-5 {
  width: 60%;
  *width: 59.9690%;
}
.g .g-5-8,
.g .g-15-24 {
  width: 62.5000%;
  *width: 62.4690%;
}
.g .g-2-3,
.g .g-16-24 {
  width: 66.6667%;
  *width: 66.6357%;
}
.g .g-17-24 {
  width: 70.8333%;
  *width: 70.8023%;
}
.g .g-3-4,
.g .g-18-24 {
  width: 75%;
  *width: 74.9690%;
}
.g .g-19-24 {
  width: 79.1667%;
  *width: 79.1357%;
}
.g .g-4-5 {
  width: 80%;
  *width: 79.9690%;
}
.g .g-5-6,
.g .g-20-24 {
  width: 83.3333%;
  *width: 83.3023%;
}
.g .g-7-8,
.g .g-21-24 {
  width: 87.5000%;
  *width: 87.4690%;
}
.g .g-11-12,
.g .g-22-24 {
  width: 91.6667%;
  *width: 91.6357%;
}
.g .g-23-24 {
  width: 95.8333%;
  *width: 95.8023%;
}
.g .g-1,
.g .g-1-1,
.g .g-5-5,
.g .g-24-24 {
  width: 100%;
}
.bgcb {
  background-color: #0f1a38;
}
.bgcg {
  background-color: #f5f5f5;
}
header {
  position: relative;
  background: no-repeat url(../img/sprite.svg) #0f1a38;
  height: 80px;
  min-width: 1024px;
  background-position: 0 -20px;
}
header:before {
  content: '';
  position: absolute;
  left: 50px;
  top: 20px;
  display: inline-block;
  width: 73px;
  height: 40px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: 0px -520px;
}
header:after {
  content: '';
  position: absolute;
  left: 145px;
  top: 30px;
  display: inline-block;
  width: 140px;
  height: 19px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -95px -530px;
}
header .user {
  float: right !important;
  position: relative;
  width: 100px;
  height: 20px;
  margin-top: 30px;
  text-align: center;
}
header .user:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: #ffffff;
  left: 0;
  top: 5px;
}
header .user .iUser {
  cursor: pointer;
}
header .nav {
  margin-top: 30px;
  float: right !important;
  height: 20px;
}
header .nav a {
  margin-right: 40px;
  color: #ffffff;
  font-size: 14px;
}
header .nav a:hover {
  opacity: .8;
}
header .nav a.on {
  color: #2592fc;
  opacity: 1;
  pointer-events: none;
}
.main {
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
}
.main:after,
.main:before {
  content: "";
  display: table;
}
.main:after {
  clear: both;
}
.whitePanel {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}
.breadcrumb {
  height: 48px;
  background-color: #fff;
  line-height: 48px;
  border-radius: 3px;
  box-shadow: 0 1px 4px 0 #e3e8ee;
  text-align: center;
}
.breadcrumb a {
  position: relative;
  padding-right: 15px;
  margin-right: 10px;
}
.breadcrumb a:after {
  content: '>';
  position: absolute;
  right: 0px;
  top: 0px;
  color: #9b9b9b;
  line-height: 15px;
}
.breadcrumb a.breadcrumbLink {
  color: #4a4a4a;
}
.breadcrumb a.breadcrumbLink:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.breadcrumb span.breadcrumbLink {
  font-weight: 600;
}
.breadcrumb .left {
  position: absolute;
  left: calc(50% - 512px);
}
.breadcrumb .right {
  position: absolute;
  right: calc(50% - 512px);
}
.breadcrumb .right.iconUpload:before {
  content: '';
  display: inline-block;
  width: 11px;
  height: 14px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -345px -223px;
  position: absolute;
  left: -22px;
  top: 16px;
}
.breadcrumb .info {
  color: #9b9b9b;
}
footer {
  text-align: center;
  padding: 30px 0;
  color: #9b9b9b;
}
.pagination {
  height: 30px;
  *zoom: 1;
  line-height: 30px;
}
.pagination:after,
.pagination:before {
  content: "";
  display: table;
}
.pagination:after {
  clear: both;
}
.pagination li {
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
  float: left;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 2px;
}
.pagination li.on {
  pointer-events: none;
  background-color: rgba(158, 158, 158, 0.2);
}
.pagination li:hover {
  color: #3a9cfc;
}
.pagination li.next.disabled,
.pagination li.previous.disabled {
  color: #9b9b9b;
  pointer-events: none;
}
.pagination li.more:hover {
  color: #000000;
}
.shadow {
  border-radius: 3px;
  box-shadow: 0 1px 4px 0 #e3e8ee;
}
.dtc {
  display: table-cell;
}
.fn {
  float: none !important;
}
.por {
  position: relative;
}
.blue {
  color: #2592fc;
}
.poa {
  position: absolute;
}
.selectBox > ul {
  max-height: 200px;
}
.selectBox > ul::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.selectBox > ul::-webkit-scrollbar-track-piece {
  background-color: #d9d9d9;
  -webkit-border-radius: 6px;
}
.selectBox > ul::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #9b9b9b;
  -webkit-border-radius: 6px;
}
.selectBox > ul::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: #d9d9d9;
  -webkit-border-radius: 6px;
}
.w700 {
  width: 700px !important;
}
i.more {
  display: inline-block !important;
  width: 14px;
  height: 14px;
  background-color: #fb4040;
  border-radius: 50%;
  position: relative;
}
i.more:before {
  content: '';
  display: inline-block !important;
  display: inline-block;
  width: 9px;
  height: 3px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -185px -9px;
  position: absolute;
  top: 6px;
  left: 2px;
}
.hover:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.iErr {
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 50%;
  background-color: #f04134;
}
.iErr:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -26px -6px;
  -ms-transform: rotate(45deg) scale(1.2);
  -moz-transform: rotate(45deg) scale(1.2);
  -o-transform: rotate(45deg) scale(1.2);
  -webkit-transform: rotate(45deg) scale(1.2);
  transform: rotate(45deg) scale(1.2);
  position: absolute;
  left: 4px;
  top: 5px;
}
.navBar {
  overflow: hidden;
  float: left;
  width: 240px;
  padding: 10px 5px 10px 10px;
  background-color: #fff;
  font-size: 14px;
  color: #4a4a4a;
  box-sizing: border-box;
}
.navBar:before,
.navBar:after {
  box-sizing: inherit;
}
.navBar .scrollBar {
  height: 100%;
  overflow: auto;
  padding-right: 5px;
}
.navBar .scrollBar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.navBar .scrollBar::-webkit-scrollbar-track-piece {
  background-color: #d9d9d9;
  -webkit-border-radius: 6px;
}
.navBar .scrollBar::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #9b9b9b;
  -webkit-border-radius: 6px;
}
.navBar .scrollBar::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: #d9d9d9;
  -webkit-border-radius: 6px;
}
.navBar .num {
  font-size: 12px;
}
.navBar li .item,
.navBar dt,
.navBar dd {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  line-height: 40px;
  height: 40px;
  width: 100%;
  cursor: pointer;
}
.navBar li .item:before,
.navBar dt:before,
.navBar dd:before,
.navBar li .item:after,
.navBar dt:after,
.navBar dd:after {
  box-sizing: inherit;
}
.navBar li .item.on,
.navBar dt.on,
.navBar dd.on {
  color: #fff !important;
  background-color: #3a9cfc;
}
.navBar li .item.on .title:hover,
.navBar dt.on .title:hover,
.navBar dd.on .title:hover {
  color: #fff !important;
}
.navBar li .item.up > i,
.navBar dt.up > i,
.navBar li .item.down > i,
.navBar dt.down > i {
  position: absolute;
  width: 13px;
  height: 13px;
  border: 1px solid #9b9b9b;
  top: 13px;
  left: 10px;
  box-sizing: border-box;
}
.navBar li .item.up > i:before,
.navBar dt.up > i:before,
.navBar li .item.down > i:before,
.navBar dt.down > i:before,
.navBar li .item.up > i:after,
.navBar dt.up > i:after,
.navBar li .item.down > i:after,
.navBar dt.down > i:after {
  box-sizing: inherit;
}
.navBar li .item.up > i:before,
.navBar dt.up > i:before {
  content: '';
  width: 1px;
  height: 5px;
  position: absolute;
  left: 5px;
  top: 3px;
  background-color: #9b9b9b;
}
.navBar li .item.up > i:after,
.navBar dt.up > i:after {
  content: '';
  width: 5px;
  height: 1px;
  position: absolute;
  left: 3px;
  top: 5px;
  background-color: #9b9b9b;
}
.navBar li .item.down > i:after,
.navBar dt.down > i:after {
  content: '';
  width: 5px;
  height: 1px;
  position: absolute;
  left: 3px;
  top: 5px;
  background-color: #9b9b9b;
}
.navBar li .item.zero i,
.navBar dt.zero i {
  opacity: 0.3;
  border-color: #9b9b9b !important;
  cursor: not-allowed;
}
.navBar li .item.on > i,
.navBar dt.on > i {
  border-color: #fff;
}
.navBar li .item.on > i:before,
.navBar dt.on > i:before,
.navBar li .item.on > i:after,
.navBar dt.on > i:after {
  background-color: #fff;
}
.navBar li .item.on > i:hover,
.navBar dt.on > i:hover {
  border-color: #fff;
}
.navBar li .item.on > i:hover:before,
.navBar dt.on > i:hover:before,
.navBar li .item.on > i:hover:after,
.navBar dt.on > i:hover:after {
  background-color: #fff;
}
.navBar li .item i:hover,
.navBar dt i:hover {
  border-color: #3a9cfc;
}
.navBar li .item i:hover:before,
.navBar dt i:hover:before,
.navBar li .item i:hover:after,
.navBar dt i:hover:after {
  background-color: #3a9cfc;
}
.navBar li {
  height: auto !important;
}
.navBar li .title:hover {
  color: #3a9cfc;
}
.navBar li .item {
  padding-left: 33px;
}
.navBar dt {
  padding-left: 55px;
}
.navBar dt.up > i,
.navBar dt.down > i {
  left: 33px;
}
.navBar dt .operate {
  display: none;
  position: relative;
  left: 0px;
  top: 2px;
}
.navBar dt .operate i {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #383838;
  margin-left: 10px;
  opacity: 0.65;
  position: relative;
  cursor: pointer;
}
.navBar dt .operate i:hover {
  opacity: 0.5;
}
.navBar dt .operate i.add:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -26px -6px;
  left: 3px;
  top: 3px;
}
.navBar dt .operate i.edit:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -166px -6px;
  left: 3px;
  top: 3px;
}
.navBar dt .operate i.del:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -26px -6px;
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 3px;
  top: 3px;
}
.navBar dt:hover .operate {
  display: inline-block !important;
}
.navBar dd {
  padding-left: 76px;
}
.navBar dd:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -124px -4px;
  top: 14px;
  left: 55px;
}
.navBar dd.on {
  color: #fff;
  background-color: #3a9cfc;
}
.navBar dd.on:before {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -104px -4px;
}
.navBar dd:hover {
  color: #3a9cfc;
}
.labelDetails {
  border-radius: 3px;
  box-shadow: 0 1px 4px 0 #e3e8ee;
  box-sizing: border-box;
  float: right;
  background-color: #fff;
  width: 764px;
  padding: 30px;
}
.labelDetails:before,
.labelDetails:after {
  box-sizing: inherit;
}
.labelDetails .labelHeader {
  position: relative;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
}
.labelDetails .labelHeader > .operate {
  position: relative;
  float: right !important;
  color: #fb4040;
  cursor: pointer;
}
.labelDetails .labelHeader > .operate:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.labelDetails .labelHeader > .operate i {
  width: 13px;
  height: 13px;
  display: inline-block;
  background-color: #fb4040;
  position: absolute;
  border-radius: 50%;
  left: -20px;
  top: 10px;
}
.labelDetails .labelHeader > .operate i:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 3px;
  top: 3px;
}
.labelDetails .labelHeader > .operate .add:before {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -26px -6px;
}
.labelDetails .labelHeader > .operate .edit:before {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -166px -6px;
  left: 3px;
  top: 2px;
}
.labelDetails .labelHeader.h50 {
  height: 50px;
  line-height: 25px;
  text-align: center;
}
.labelDetails .labelHeader .number {
  color: #9b9b9b;
  font-size: 12px;
  font-weight: normal;
  margin-left: 10px;
}
.labelDetails .labelHeader .headerTitle {
  font-size: 14px;
  font-weight: bold;
  position: relative;
}
.labelDetails .labelHeader .headerTitle:before {
  content: '';
  position: absolute;
  left: -25px;
  top: 0px;
  display: inline-block;
  width: 15px;
  height: 16px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -143px -2px;
}
.labelDetails .labelHeader .headerTitle.list:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -302px -222px;
}
.labelDetails .leftBar {
  position: relative;
  margin-top: 66px;
  margin-right: 22px;
  float: left;
}
.labelDetails .leftBar .condition .option {
  width: 30px;
  line-height: 30px;
}
.labelDetails .leftBar .line {
  left: 30px;
  top: 0px;
  position: absolute;
  height: 100%;
  width: 0px;
  background: none;
  border: 0.5px dashed #d9d9d9;
}
.labelDetails .items {
  float: left;
  position: relative;
}
.labelDetails .items > .item {
  box-sizing: border-box;
  margin-top: 20px;
  padding: 20px 25px;
  width: 620px;
  border-radius: 5px;
  background-color: #f5f5f5;
  border: dashed 1px #d9d9d9;
  color: #9b9b9b;
  line-height: 36px;
  position: relative;
}
.labelDetails .items > .item:before,
.labelDetails .items > .item:after {
  box-sizing: inherit;
}
.labelDetails .items > .item .number {
  width: 20px;
  height: 20px;
  background-color: #3a9cfc;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  line-height: 20px;
  color: #fff;
  left: -10px;
  top: calc(50% - 10px);
}
.labelDetails .items > .item .number:before {
  content: '';
  position: absolute;
  left: -41px;
  top: 10px;
  width: 37px;
  height: 0px;
  border: 0.5px dashed #d9d9d9;
}
.labelDetails .items > .item .selectBox {
  width: 120px;
  position: relative;
  margin-right: 9px;
  box-sizing: border-box;
}
.labelDetails .items > .item .selectBox:before,
.labelDetails .items > .item .selectBox:after {
  box-sizing: inherit;
}
.labelDetails .items > .item .short {
  cursor: pointer;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: relative;
  background-color: #fff;
  box-sizing: border-box;
  display: inline-block !important;
  margin-right: 9px;
  vertical-align: middle;
  border: 1px solid #d9d9d9;
}
.labelDetails .items > .item .short:before,
.labelDetails .items > .item .short:after {
  box-sizing: inherit;
}
.labelDetails .items > .item .short.equal:before {
  content: '';
  display: inline-block !important;
  position: absolute;
  left: 5px;
  top: 6px;
  display: inline-block;
  width: 8px;
  height: 6px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -306px -7px;
}
.labelDetails .items > .item .short.unequal:before {
  content: '';
  display: inline-block !important;
  position: absolute;
  left: 5px;
  top: 3px;
  display: inline-block;
  width: 8px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -326px -3px;
}
.labelDetails .items > .item .short.plus:before {
  content: '';
  display: inline-block !important;
  position: absolute;
  left: 6px;
  top: 4px;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  width: 6px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -347px -5px;
}
.labelDetails .items > .item .short.minus:before {
  content: '';
  display: inline-block !important;
  position: absolute;
  left: 5px;
  top: 3px;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  width: 6px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -347px -5px;
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.labelDetails .items > .item .selectBox + .operate {
  float: right;
}
.labelDetails .items > .item .selectBox + .operate i {
  display: inline-block !important;
  vertical-align: middle;
  margin-right: 10px;
  cursor: pointer;
}
.labelDetails .items > .item .selectBox + .operate i:last-child {
  margin-right: 0px;
}
.labelDetails .items > .item .selectBox + .operate i:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.labelDetails .items > .item .selectBox + .operate .add {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -63px -3px;
}
.labelDetails .items > .item .selectBox + .operate .refresh {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -84px -3px;
}
.labelDetails .items > .item .selectBox + .operate .del {
  margin-top: 2px;
  margin-left: -2px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -63px -3px;
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.labelDetails .items > .item .addCondition {
  position: relative;
  height: 36px;
  color: #fb4040;
  top: 20px;
  background-color: #fff;
  width: 618px;
  left: -25px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #fafafa;
  text-align: center;
}
.labelDetails .items > .item .addCondition > .add {
  position: relative;
  cursor: pointer;
}
.labelDetails .items > .item .addCondition > .add i {
  width: 13px;
  height: 13px;
  display: inline-block;
  background-color: #fb4040;
  position: absolute;
  border-radius: 50%;
  left: -20px;
  top: 1px;
}
.labelDetails .items > .item .addCondition > .add i:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -26px -6px;
  left: 3px;
  top: 3px;
}
.labelDetails .items .labelItem {
  margin-left: 0 !important;
  width: auto !important;
  padding-right: 25px !important;
}
.labelDetails .items .labelItem .dot {
  width: 8px !important;
  height: 8px !important;
  top: 10px !important;
  border-color: #2592fc !important;
  position: relative;
}
.labelDetails .items .labelItem .dot:before {
  content: '';
  position: absolute;
  left: -75px;
  top: 4px;
  width: 50px;
  height: 0px;
  border: 0.5px dashed #d9d9d9;
}
.labelDetails .items .labelItem .operate {
  float: right;
  line-height: 28px;
}
.labelDetails .items .labelItem .operate i {
  display: inline-block !important;
  vertical-align: middle;
  margin-right: 10px;
  cursor: pointer;
}
.labelDetails .items .labelItem .operate i:last-child {
  margin-right: 0px;
}
.labelDetails .items .labelItem .operate i:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.labelDetails .items .labelItem .operate .del {
  margin-top: 2px;
  margin-left: -2px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -63px -3px;
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.labelDetails .condition {
  font-size: 0;
  height: 32px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.labelDetails .condition .content {
  height: 32px;
  position: relative;
  z-index: 2;
}
.labelDetails .condition .option {
  display: inline-block !important;
  font-size: 12px;
  width: 40px;
  height: 30px;
  text-align: center;
  background-color: #fff;
  cursor: pointer;
  line-height: 32px;
}
.labelDetails .condition .option:hover {
  background-color: #57abfd;
  border-color: #57abfd !important;
  color: #fff;
}
.labelDetails .condition .option.on {
  border-color: #2592fc !important;
  background-color: #2592fc;
  color: #fff;
  pointer-events: none;
}
.labelDetails .condition .option:first-child {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border: 1px solid #d9d9d9;
  border-right: none;
}
.labelDetails .condition .option:last-child {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #d9d9d9;
  border-left: none;
}
.labelDetails .condition .line {
  position: absolute;
  top: 17px;
  height: 0;
  background: none;
  border: 0.5px dashed #d9d9d9;
  z-index: 1;
}
.labelDetails .userInfo {
  border-top: 1px solid #f5f5f5;
}
.labelDetails .userInfo .infoItem {
  height: 45px;
  padding: 20px 0;
  border-bottom: 1px solid #f5f5f5;
}
.labelDetails .userInfo .infoItem .item {
  box-sizing: border-box;
  display: inline-block !important;
  min-width: 230px;
  border-right: 1px solid #f5f5f5;
  padding-left: 30px;
}
.labelDetails .userInfo .infoItem .item:before,
.labelDetails .userInfo .infoItem .item:after {
  box-sizing: inherit;
}
.labelDetails .userInfo .infoItem .item .title {
  font-size: 12px;
  color: #3a9cfc;
  margin-bottom: 10px;
}
.labelDetails .userInfo .infoItem .item .content {
  font-size: 13px;
}
.labelDetails .userInfo .infoItem .item:first-child {
  padding-left: 0;
}
.labelDetails .userInfo .infoItem .item:last-child {
  border-right: none;
}
.labelDetails .userList {
  padding-left: -15px;
  *zoom: 1;
}
.labelDetails .userList:after,
.labelDetails .userList:before {
  content: "";
  display: table;
}
.labelDetails .userList:after {
  clear: both;
}
.labelDetails .userList dt {
  font-size: 12px;
  color: #3a9cfc;
  margin: 20px 0;
}
.labelDetails .userList dd {
  cursor: pointer;
  box-sizing: border-box;
  padding: 12px 0 10px 35px;
  margin-bottom: 30px;
  width: 148px;
  height: 62px;
  border-radius: 10px;
  background-color: #f7f8f8;
  float: left;
  margin-left: 30px;
}
.labelDetails .userList dd:before,
.labelDetails .userList dd:after {
  box-sizing: inherit;
}
.labelDetails .userList dd:nth-child(4n - 2) {
  margin-left: 10px;
}
.labelDetails .userList dd .phone {
  margin-bottom: 7px;
  position: relative;
}
.labelDetails .userList dd .phone:before {
  content: '';
  position: absolute;
  left: -20px;
  top: 0px;
  display: inline-block;
  width: 10px;
  height: 14px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -205px -3px;
}
.labelDetails .userList dd .content {
  position: relative;
}
.labelDetails .userList dd .content:before {
  content: '';
  position: absolute;
  left: -20px;
  top: 2px;
  display: inline-block;
  width: 10px;
  height: 14px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -225px -3px;
}
.labelDetails .userList dd:hover {
  background-color: rgba(58, 156, 252, 0.1);
}
.labelDetails .labelItems {
  position: relative;
}
.labelDetails .labelItems .labelItem {
  margin-left: 180px;
  margin-top: 30px;
  padding: 9px 0;
  width: 470px;
  min-height: 48px;
  border-radius: 24px;
  background-color: #f7f8f8;
  position: relative;
  margin-bottom: 30px;
  box-sizing: border-box;
}
.labelDetails .labelItems .labelItem:before,
.labelDetails .labelItems .labelItem:after {
  box-sizing: inherit;
}
.labelDetails .labelItems .labelItem .dot {
  position: absolute;
  left: 22px;
  top: 12px;
  display: inline-block !important;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: solid 1px #9b9b9b;
}
.labelDetails .labelItems .labelItem .item {
  position: relative;
  padding-left: 120px;
}
.labelDetails .labelItems .labelItem .str1 {
  position: absolute;
  top: 50%;
  left: 48px;
  font-size: 13px;
  line-height: 30px;
  color: #9b9b9b;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.labelDetails .labelItems .labelItem .str1.blue {
  color: #3a9cfc;
}
.labelDetails .labelItems .labelItem .str2 {
  color: #9b9b9b;
}
.labelDetails .labelItems .labelItem .opacity {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.labelDetails .labelItems .labelItem .data {
  display: inline-block !important;
  text-align: center;
  width: 80px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  background-color: #ffffff;
  margin: 0 20px;
}
.labelDetails .labelItems .labelItem .equal {
  display: inline-block;
  width: 8px;
  height: 6px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -246px -227px;
  vertical-align: middle;
}
.labelDetails .labelItems .labelItem .plus {
  display: inline-block;
  width: 6px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -287px -225px;
  vertical-align: middle;
}
.labelDetails .labelItems .labelItem .unEqual {
  display: inline-block;
  width: 8px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -266px -224px;
  vertical-align: middle;
}
.labelDetails .labelItems .labelItem .minus {
  display: inline-block;
  width: 6px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -287px -225px;
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  vertical-align: middle;
}
.labelDetails .labelItems .labelItem > .item .condition {
  font-size: 0;
  height: 40px;
  position: relative;
  z-index: 1;
  margin-left: 20px;
}
.labelDetails .labelItems .labelItem > .item .condition .content {
  position: absolute;
  left: 140px;
  top: 5px;
  display: inline-block !important;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  border: solid 1px rgba(155, 155, 155, 0.1);
  line-height: 30px;
  color: #3a9cfc;
  font-size: 12px;
  text-align: center;
  z-index: 2;
}
.labelDetails .labelItems .labelItem > .item .condition .line {
  position: absolute;
  top: 20px;
  width: 302px;
  height: 0;
  background: none;
  border: 0.5px solid #9b9b9b;
  z-index: 1;
  opacity: 0.1;
}
.labelDetails .labelItems .labelItem .relation {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f7f8f8;
  position: absolute;
  text-align: center;
  line-height: 30px;
  color: #3a9cfc;
  bottom: -30px;
  left: -30px;
}
.labelDetails .labelItems .labelItem .relation:before {
  content: '';
  width: 36px;
  height: 24px;
  border-left: 1px solid rgba(155, 155, 155, 0.3);
  border-top: 1px solid rgba(155, 155, 155, 0.3);
  border-top-left-radius: 20px;
  position: absolute;
  top: -25px;
  left: 15px;
}
.labelDetails .labelItems .labelItem .relation:after {
  content: '';
  width: 36px;
  height: 24px;
  border-bottom: 1px solid rgba(155, 155, 155, 0.3);
  border-left: 1px solid rgba(155, 155, 155, 0.3);
  border-bottom-left-radius: 20px;
  position: absolute;
  top: 29px;
  left: 15px;
  z-index: 1;
}
.labelDetails .labelItems .labelItem.label {
  border-radius: 0;
}
.labelDetails .labelItems .labelItem.label:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 12px solid #fff;
  border-left: 12px solid #fff;
  border-right: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
.labelDetails .labelItems .labelItem.label:after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 12px solid #fff;
  border-left: 12px solid #fff;
  border-right: 12px solid transparent;
  border-top: 12px solid transparent;
}
.popSelect {
  max-height: 428px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 20px);
  z-index: 2;
  border-radius: 3px;
  box-shadow: 0 1px 4px 0 #e3e8ee;
  box-sizing: border-box;
}
.popSelect:before,
.popSelect:after {
  box-sizing: inherit;
}
.popSelect:before {
  content: '';
  display: inline-block !important;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #fff;
  position: absolute;
  left: calc(50% - 12px);
  top: -12px;
  z-index: 6;
}
.popSelect .navBar {
  margin: 0;
  padding: 0;
  padding: 10px 5px 10px 10px;
  max-height: 380px;
  float: none;
}
.popSelect .navBar .scrollBar {
  max-height: 360px;
}
.popSelect .navBar .scrollBar ul {
  position: relative;
  top: 0;
  left: 0;
  box-shadow: none;
}
.popSelect .navBar .scrollBar ul li {
  padding: 0;
}
.popSelect div.sure {
  cursor: none;
  height: 47px;
  line-height: 47px;
  text-align: center;
  background-color: #fff;
  border-top: 1px solid #f5f5f5;
  margin: 0 10px;
}
.popSelect div.sure .text {
  cursor: pointer;
  width: 30%;
  display: inline-block !important;
}
.popSelect div.sure .text:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.popSelect.radioSelect {
  padding: 10px;
}
.popSelect.radioSelect i {
  margin-right: 6px;
}
.popSelect.radioSelect .input {
  height: 30px;
  box-sizing: border-box;
  padding: 6px 10px;
  width: 110px;
}
.popSelect.radioSelect .input:before,
.popSelect.radioSelect .input:after {
  box-sizing: inherit;
}
.popSelect.radioSelect .sure {
  text-align: center;
  height: 22px;
  border-top: 1px solid #f5f5f5;
  line-height: 33px;
  color: #3a9cfc;
}
.popSelect.radioSelect .sure:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.popSelect.relation {
  padding-left: 10px;
  width: 130px;
  font-size: 0;
}
.popSelect.relation > .short.on {
  pointer-events: none;
  background-color: #3a9cfc;
  border-color: #3a9cfc;
}
.popSelect.relation > .short.on.equal:before {
  display: inline-block;
  width: 8px;
  height: 6px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -246px -7px;
}
.popSelect.relation > .short.on.unequal:before {
  display: inline-block;
  width: 8px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -266px -3px;
}
.popSelect.relation > .short.on.plus:before {
  display: inline-block;
  width: 6px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -287px -5px;
}
.popSelect.relation > .short.on.minus:before {
  display: inline-block;
  width: 6px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -287px -5px;
}
.popSelect.relation > .short:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.labels {
  *zoom: 1;
}
.labels:after,
.labels:before {
  content: "";
  display: table;
}
.labels:after {
  clear: both;
}
.labels .title {
  color: #3a9cfc;
  margin-bottom: 20px;
  display: inline-block !important;
}
.labels .label {
  cursor: pointer;
  float: left;
  margin-right: 35px;
  position: relative;
  width: 145px;
  font-size: 13px;
  line-height: 30px;
  height: 30px;
  border: 1px solid #4a4a4a;
  border-radius: 3px;
  border-right: none;
  margin-bottom: 20px;
}
.labels .label a {
  width: 129px;
  padding-left: 10px;
  line-height: 30px;
  height: 30px;
  display: inline-block !important;
  color: #4a4a4a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.labels .label:nth-child(4n) {
  margin-right: 0;
}
.labels .label:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid #4a4a4a;
  right: 0;
  top: 11px;
}
.labels .label:after {
  content: '';
  position: absolute;
  right: -10px;
  top: 3px;
  width: 23px;
  height: 23px;
  border-radius: 3px;
  border: 1px solid #4a4a4a;
  border-left: none;
  border-bottom: none;
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.labels .label:hover {
  border-color: #3a9cfc;
}
.labels .label:hover:before {
  border-color: #3a9cfc;
}
.labels .label:hover:after {
  border-color: #3a9cfc;
}
.labels .label:hover a {
  color: #3a9cfc;
}
.modalSelect {
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  bottom: auto !important;
  width: 400px;
  max-height: 458px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 4px 0 #e3e8ee;
  display: block !important;
  z-index: 4;
  box-sizing: border-box;
  -ms-transition: height 0.2s linear;
  -moz-transition: height 0.2s linear;
  -o-transition: height 0.2s linear;
  -webkit-transition: height 0.2s linear;
  transition: height 0.2s linear;
  overflow: hidden;
}
.modalSelect:before,
.modalSelect:after {
  box-sizing: inherit;
}
.modalSelect > .title {
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  text-align: center;
  border-bottom: solid 1px #f5f5f5;
}
.modalSelect .content {
  overflow: auto;
  max-height: 360px;
  margin-right: 3px;
}
.modalSelect .content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.modalSelect .content::-webkit-scrollbar-track-piece {
  background-color: #d9d9d9;
  -webkit-border-radius: 6px;
}
.modalSelect .content::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #9b9b9b;
  -webkit-border-radius: 6px;
}
.modalSelect .content::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: #d9d9d9;
  -webkit-border-radius: 6px;
}
.modalSelect .content .navBar {
  margin-top: 0;
  padding: 0 3px 0 10px;
  width: auto;
  overflow: hidden;
}
.modalSelect .bottomBar {
  height: 76px;
  border-top: 1px solid #f5f5f5;
  margin: 0 10px;
  padding-top: 20px;
  box-sizing: border-box;
}
.modalSelect .bottomBar:before,
.modalSelect .bottomBar:after {
  box-sizing: inherit;
}
.serachBox {
  position: relative;
  width: 100%;
  height: 117px;
  padding-top: 40px;
  border-radius: 3px;
  text-align: center;
}
.serachBox .input {
  position: relative;
  width: 427px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 50px 8px 20px;
  border-radius: 20px;
  background-color: #ffffff;
  border: none;
  box-sizing: border-box;
}
.serachBox .input:before,
.serachBox .input:after {
  box-sizing: inherit;
}
.serachBox .input i {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -240px -180px;
  cursor: pointer;
}
.serachBox .input i:hover {
  opacity: 0.8;
}
.serachBox .input input {
  height: 24px;
  line-height: 24px;
}
.serachBox .type {
  max-width: 712px;
  height: 17px;
  overflow: hidden;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
.serachBox li {
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
}
.serachBox li a {
  color: #3a9cfc;
}
.serachBox li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.serachBox li .bold {
  font-weight: 600;
}
.collectionsWrap {
  margin: 15px -10px 0;
  *zoom: 1;
}
.collectionsWrap:after,
.collectionsWrap:before {
  content: "";
  display: table;
}
.collectionsWrap:after {
  clear: both;
}
.collectionsWrap .blockCollection {
  position: relative;
  float: left;
  width: 502px;
  height: 170px;
  margin: 0 10px 20px;
  padding: 30px 110px 0 30px;
  border-radius: 3px;
  box-shadow: 0 1px 4px 0 #e3e8ee;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  background-color: #fff;
}
.collectionsWrap .blockCollection:before,
.collectionsWrap .blockCollection:after {
  box-sizing: inherit;
}
.collectionsWrap .blockCollection:before {
  content: '';
  position: absolute;
  top: 45px;
  right: 30px;
  width: 80px;
  height: 80px;
}
.collectionsWrap .blockCollection:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 8px 0 #e3e8ee;
}
.collectionsWrap .blockCollection h4 {
  font-weight: 600;
}
.collectionsWrap .blockCollection h4 a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collectionsWrap .blockCollection ul {
  height: 60px;
  overflow: hidden;
  margin-top: 20px;
  margin-left: -15px;
  margin-right: -15px;
}
.collectionsWrap .blockCollection li {
  float: left;
  margin-left: 15px;
  margin-right: 15px;
  line-height: 30px;
}
.collectionsWrap .blockCollection li a {
  color: #4a4a4a;
}
.collectionsWrap .blockCollection li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.collectionsWrap .blockCollection a {
  color: #fff;
}
.collectionsWrap .blockCollection:last-child {
  width: 1024px;
}
.collectionsWrap .blockCollection.blue h4 a {
  color: #3a9cfc;
}
.collectionsWrap .blockCollection.blue:before {
  display: inline-block;
  width: 80px;
  height: 80px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: 0px -100px;
}
.collectionsWrap .blockCollection.green h4 a {
  color: #3eb377;
}
.collectionsWrap .blockCollection.green:before {
  display: inline-block;
  width: 80px;
  height: 80px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -80px -100px;
}
.collectionsWrap .blockCollection.violet h4 a {
  color: #404db3;
}
.collectionsWrap .blockCollection.violet:before {
  display: inline-block;
  width: 80px;
  height: 80px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -160px -100px;
}
.collectionsWrap .blockCollection.orange h4 a {
  color: #f4b748;
}
.collectionsWrap .blockCollection.orange:before {
  display: inline-block;
  width: 80px;
  height: 80px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -240px -100px;
}
.collectionsWrap .blockCollection.pink h4 a {
  color: #fc485d;
}
.collectionsWrap .blockCollection.pink:before {
  display: inline-block;
  width: 80px;
  height: 80px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: 0px -180px;
}
.collectionsWrap .blockCollection.gray h4 a {
  color: #34414b;
}
.collectionsWrap .blockCollection.gray:before {
  display: inline-block;
  width: 80px;
  height: 80px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -80px -180px;
}
.collectionsWrap .blockCollection.lavender h4 a {
  color: #8a7ed7;
}
.collectionsWrap .blockCollection.lavender:before {
  display: inline-block;
  width: 80px;
  height: 80px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -160px -180px;
}
.groupTab {
  overflow: hidden;
  border-bottom: none;
  text-align: center;
}
.groupTab span {
  border-radius: 4px;
  float: none;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 15px;
  padding-right: 15px;
  background: rgba(58, 156, 252, 0.05);
  line-height: 44px;
  font-size: 12px;
  cursor: pointer;
}
.groupTab span.on {
  border-radius: 3px;
  box-shadow: 0 1px 4px 0 #e3e8ee;
  background-color: #ffffff;
  border: none;
  color: #3a9cfc;
}
.groupTab span:hover {
  background: rgba(58, 156, 252, 0.2);
}
.chartContainer {
  z-index: 2;
  position: relative;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
  border-radius: 4px;
}
.chartContainer:before,
.chartContainer:after {
  box-sizing: inherit;
}
.chartContainer .chartList {
  width: 100%;
  height: 270px;
  padding: 20px 0;
  box-sizing: border-box;
}
.chartContainer .chartList:before,
.chartContainer .chartList:after {
  box-sizing: inherit;
}
.chartContainer .chartList .chartBlock {
  position: relative;
  float: left;
  width: calc(100%/3);
  height: 100%;
  box-sizing: border-box;
  text-align: center;
  border-right: 1px solid #f5f5f5;
}
.chartContainer .chartList .chartBlock:before,
.chartContainer .chartList .chartBlock:after {
  box-sizing: inherit;
}
.chartContainer .chartList .chartBlock .info {
  height: 52px;
  border-radius: 3px;
  background-color: #f7f8f8;
  margin-bottom: 10px;
  text-align: left;
  padding: 0 20px;
  line-height: 52px;
}
.chartContainer .chartList .chartBlock .info .infoItem {
  display: inline-block !important;
  height: 21px;
  border: solid 1px #2592fc;
  border-right: none;
  margin-left: 30px;
  line-height: 20px;
  padding-left: 8px;
  padding-right: 10px;
  color: #2592fc;
  box-sizing: border-box;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  position: relative;
  cursor: pointer;
}
.chartContainer .chartList .chartBlock .info .infoItem:before,
.chartContainer .chartList .chartBlock .info .infoItem:after {
  box-sizing: inherit;
}
.chartContainer .chartList .chartBlock .info .infoItem:before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 6px;
  height: 6px;
  right: 0;
  top: 6px;
  border-radius: 50%;
  border: 1px solid #2592fc;
}
.chartContainer .chartList .chartBlock .info .infoItem:after {
  content: '';
  display: inline-block !important;
  position: absolute;
  right: -8px;
  top: 1px;
  height: 17px;
  width: 17px;
  border-top: 1px solid #2592fc;
  border-right: 1px solid #2592fc;
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 4px;
}
.chartContainer .chartList .chartBlock .info .infoItem.on {
  color: #fff;
  background-color: #2592fc;
  pointer-events: none;
}
.chartContainer .chartList .chartBlock .info .infoItem.on:before {
  border-color: #fff;
  z-index: 2;
}
.chartContainer .chartList .chartBlock .info .infoItem.on:after {
  background-color: #2592fc;
  z-index: 1;
}
.chartContainer .chartList .chartBlock .info .infoItem:nth-child(2) {
  margin-left: 20px;
}
.chartContainer .chartList .chartBlock .info .more {
  float: right;
  color: #2592fc;
  position: relative;
  cursor: pointer;
}
.chartContainer .chartList .chartBlock .info .more .iPlusBlue {
  margin-left: 7px;
  vertical-align: text-top;
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.chartContainer .chartList .chartBlock .info .less {
  float: right;
  color: #2592fc;
  position: relative;
  margin-right: 10px;
  cursor: pointer;
}
.chartContainer .chartList .chartBlock .info .less .iPlusBlue {
  vertical-align: text-top;
  margin-left: 10px;
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.chartContainer .chartList .chartBlock .info .itemList {
  box-sizing: border-box;
  background-color: #f7f8f8;
  position: absolute;
  top: 52px;
  left: 0;
  margin-left: 20px;
  padding: 0 0 20px 20px;
}
.chartContainer .chartList .chartBlock .info .itemList:before,
.chartContainer .chartList .chartBlock .info .itemList:after {
  box-sizing: inherit;
}
.chartContainer .chartList .chartBlock .info .itemList .infoItem {
  margin: 0 20px 15px 0;
}
.chartContainer .chartList .chartBlock:first-child {
  padding-right: 20px;
}
.chartContainer .chartList .chartBlock:first-child img {
  width: 254px;
}
.chartContainer .chartList .chartBlock:nth-child(2) {
  padding-left: 20px;
  padding-right: 20px;
}
.chartContainer .chartList .chartBlock:nth-child(2) img {
  width: 190px;
}
.chartContainer .chartList .chartBlock:last-child {
  padding-left: 20px;
  border-right: none;
}
.chartContainer .chartList .chartBlock:last-child img {
  width: 203px;
}
.chartContainer .chartList img {
  max-width: 100%;
  height: auto;
}
.chartContainer .chartList.chartContent {
  height: 300px;
  border-bottom: 1px solid #f5f5f5;
}
.chartContainer .chartList.chartContent .chartBlock {
  width: 50%;
}
.chartContainer .chartList.chartContent .chartBlock:first-child img {
  width: 403px;
}
.chartContainer .chartList.chartContent .chartBlock:first-child:after {
  height: 240px;
}
.chartContainer .chartList.chartContent .chartBlock:last-child {
  padding-left: 30px;
}
.chartContainer .chartList.chartContent .chartBlock:last-child img {
  width: 427px;
}
.chartContainer .chartList.chartContent .chartBlock:last-child:after {
  width: 0;
}
.chartContainerLeft {
  vertical-align: middle;
  display: inline-block !important;
  width: 263px;
  height: 263px;
  background-color: #fff;
  border-radius: 50%;
}
.chartContainerRight {
  vertical-align: middle;
  display: inline-block !important;
  margin-left: 90px;
}
.tagSearch {
  *zoom: 1;
}
.tagSearch:after,
.tagSearch:before {
  content: "";
  display: table;
}
.tagSearch:after {
  clear: both;
}
.tagSearchLeft {
  width: 764px;
  float: left;
}
.tagSearchRight {
  width: 240px;
  float: right !important;
}
.tagSearch .tagType {
  background: #fff;
  padding: 30px 20px 15px 30px;
  border-radius: 4px;
}
.tagSearch .tagType dl {
  position: relative;
  overflow: hidden;
  line-height: 30px;
  font-size: 0;
}
.tagSearch .tagType dl dd {
  margin-right: 10px;
  margin-bottom: 15px;
  font-size: 12px;
  display: inline-block !important;
  cursor: pointer;
  border-radius: 3px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #fff;
  padding: 0 10px;
  color: #9b9b9b;
}
.tagSearch .tagType dl dd.on {
  color: #3a9cfc;
  border-color: #3a9cfc;
}
.tagSearch .tagType dl dd:hover {
  color: #3a9cfc;
}
.tagSearch .tagType dl span.more {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  color: #3a9cfc;
}
.tagSearch .tagSort div.title {
  *zoom: 1;
  padding-bottom: 19px;
  border-bottom: 1px solid #f5f5f5;
}
.tagSearch .tagSort div.title:after,
.tagSearch .tagSort div.title:before {
  content: "";
  display: table;
}
.tagSearch .tagSort div.title:after {
  clear: both;
}
.tagSearch .tagSort div.title p.total {
  float: left;
  color: #9b9b9b;
}
.tagSearch .tagSort div.title p.total span.blue {
  font-size: 16px;
  color: #3a9cfc;
  margin-left: 5px;
  margin-right: 5px;
}
.tagSearch .tagSort div.title ul {
  *zoom: 1;
  float: right !important;
}
.tagSearch .tagSort div.title ul:after,
.tagSearch .tagSort div.title ul:before {
  content: "";
  display: table;
}
.tagSearch .tagSort div.title ul:after {
  clear: both;
}
.tagSearch .tagSort div.title ul li {
  position: relative;
  cursor: pointer;
  height: 23px;
  line-height: 28px;
  overflow: hidden;
  float: left;
  padding: 0 15px;
  color: #9b9b9b;
}
.tagSearch .tagSort div.title ul li:before {
  position: absolute;
  left: 0;
  content: '|';
  color: #f5f5f5;
}
.tagSearch .tagSort div.title ul li.on,
.tagSearch .tagSort div.title ul li:hover {
  color: #3a9cfc;
}
.tagSearch .tagSort div.title ul li.on:before,
.tagSearch .tagSort div.title ul li:hover:before {
  color: #f5f5f5;
}
.tagSearch .tagSort div.title ul li.on {
  pointer-events: none;
}
.tagSearch .tagSort div.title ul li:last-child {
  padding-right: 0;
}
.tagSearch .tagSort div.title ul li:first-child {
  padding-left: 0;
}
.tagSearch .tagSort div.title ul li:first-child:before {
  display: none !important;
}
.tagSearch .tagSort .content {
  padding: 30px 0 0 0;
}
.tagSearch .tagSort .tags {
  *zoom: 1;
}
.tagSearch .tagSort .tags:after,
.tagSearch .tagSort .tags:before {
  content: "";
  display: table;
}
.tagSearch .tagSort .tags:after {
  clear: both;
}
.tagSearch .tagSort .tags li {
  cursor: pointer;
  float: left;
  margin-right: 35px;
  position: relative;
  width: 150px;
  font-size: 13px;
  line-height: 30px;
  height: 30px;
  border: 1px solid #4a4a4a;
  border-radius: 3px;
  border-right: none;
  margin-bottom: 30px;
}
.tagSearch .tagSort .tags li a {
  width: 129px;
  padding-left: 10px;
  line-height: 30px;
  height: 30px;
  display: inline-block !important;
  color: #4a4a4a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tagSearch .tagSort .tags li:nth-child(4n) {
  margin-right: 0;
}
.tagSearch .tagSort .tags li:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid #4a4a4a;
  right: 0;
  top: 11px;
}
.tagSearch .tagSort .tags li:after {
  content: '';
  position: absolute;
  right: -10px;
  top: 3px;
  width: 23px;
  height: 23px;
  border-radius: 3px;
  border: 1px solid #4a4a4a;
  border-left: none;
  border-bottom: none;
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tagSearch .tagSort .tags li:hover {
  border-color: #3a9cfc;
}
.tagSearch .tagSort .tags li:hover:before {
  border-color: #3a9cfc;
}
.tagSearch .tagSort .tags li:hover:after {
  border-color: #3a9cfc;
}
.tagSearch .tagSort .tags li:hover a {
  color: #3a9cfc;
}
.tagSearch .tagSort .ft {
  border-top: 1px solid #f5f5f5;
}
.tagSearch .hotTags .title {
  font-size: 16px;
  color: #3a9cfc;
  padding-bottom: 5px;
}
.tagSearch .hotTags ul li {
  margin-top: 28px;
  height: 24px;
  line-height: 24px;
  position: relative;
  padding-right: 50px;
  padding-left: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tagSearch .hotTags ul li a {
  color: #4a4a4a;
}
.tagSearch .hotTags ul li:hover a {
  color: #3a9cfc;
}
.tagSearch .hotTags ul li .num {
  position: absolute;
  right: 0;
}
.tagSearch .hotTags ul li i {
  position: absolute;
  text-align: center;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("../img/sprite.svg") no-repeat 360px 380px;
  background-position: -288px -188px;
  color: #ffffff;
}
.tagSearch .hotTags ul li:nth-child(n+4) i {
  border-radius: 2px;
  top: 2px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: none;
  background-color: rgba(158, 158, 158, 0.2);
  color: #4a4a4a;
}
.labelSelectInfo {
  width: 80px;
  height: 80px;
  background-color: #f7f8f8;
  border-radius: 50%;
  position: absolute;
  left: 20px;
  top: 50%;
  box-sizing: border-box;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 20px 0 0 20px;
}
.labelSelectInfo:before,
.labelSelectInfo:after {
  box-sizing: inherit;
}
.labelSelectInfo .info .number {
  font-size: 16px;
  line-height: 25px;
  color: #2592fc;
}
.labelSelectInfo .line1 {
  width: 1px;
  height: 160px;
  background-color: #9b9b9b;
  position: absolute;
  left: calc(100% + 20px);
  bottom: calc(50% + 15px);
  opacity: 0.3;
}
.labelSelectInfo .line1:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-left: 1px solid #9b9b9b;
  border-top: 1px solid #9b9b9b;
  border-top-left-radius: 20px;
  left: 0;
  top: -20px;
}
.labelSelectInfo .line1:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 20px;
  border-right: 1px solid #9b9b9b;
  border-bottom: 1px solid #9b9b9b;
  border-bottom-right-radius: 20px;
  left: -10px;
  bottom: -15px;
}
.labelSelectInfo .line2 {
  width: 1px;
  height: 160px;
  background-color: #9b9b9b;
  position: absolute;
  left: calc(100% + 20px);
  top: calc(50% + 15px);
  opacity: 0.3;
}
.labelSelectInfo .line2:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-left: 1px solid #9b9b9b;
  border-bottom: 1px solid #9b9b9b;
  border-bottom-left-radius: 20px;
  left: 0;
  bottom: -20px;
}
.labelSelectInfo .line2:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 20px;
  border-right: 1px solid #9b9b9b;
  border-top: 1px solid #9b9b9b;
  border-top-right-radius: 20px;
  left: -10px;
  top: -15px;
}
.chartSelectInfo {
  width: 80px;
  height: 80px;
  background-color: #3a9cfc;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
  color: #FFF;
  line-height: 2em;
  padding-top: 16px;
  position: absolute;
  left: -110px;
  top: calc(50% - 40px);
}
.chartSelectInfo:before,
.chartSelectInfo:after {
  box-sizing: inherit;
}
.chartSelectInfo .num {
  font-size: 20px;
  font-weight: bold;
}
.labelEditSelectInfo {
  position: relative;
  margin-top: 55px;
}
.labelEditSelectInfo .line1 {
  width: calc(50% - 20px - 22px);
  height: 0px;
  border-top: 1px dashed #9b9b9b;
  position: absolute;
  left: 20px;
  top: -20px;
  opacity: 0.3;
}
.labelEditSelectInfo .line1:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-left: 1px dashed #9b9b9b;
  border-bottom: 1px dashed #9b9b9b;
  border-bottom-left-radius: 20px;
  left: -20px;
  bottom: 0;
}
.labelEditSelectInfo .line1:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 10px;
  border-right: 1px dashed #9b9b9b;
  border-top: 1px dashed #9b9b9b;
  border-top-right-radius: 20px;
  top: -1px;
  right: -22px;
}
.labelEditSelectInfo .line2 {
  width: calc(50% - 20px - 22px);
  height: 0px;
  border-top: 1px dashed #9b9b9b;
  position: absolute;
  right: 20px;
  top: -20px;
  opacity: 0.3;
}
.labelEditSelectInfo .line2:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-right: 1px dashed #9b9b9b;
  border-bottom: 1px dashed #9b9b9b;
  border-bottom-right-radius: 20px;
  right: -20px;
  bottom: 0;
}
.labelEditSelectInfo .line2:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 10px;
  border-left: 1px dashed #9b9b9b;
  border-top: 1px dashed #9b9b9b;
  border-top-left-radius: 20px;
  left: -22px;
  top: -1px;
}
.labelEditSelectInfo .info {
  margin: 0 auto;
  width: 376px;
  height: 66px;
  padding: 15px 0 15px 30px;
  border-radius: 38px;
  background-color: #f7f8f8;
  border: 1px dashed #9b9b9b;
  box-sizing: border-box;
}
.labelEditSelectInfo .info:before,
.labelEditSelectInfo .info:after {
  box-sizing: inherit;
}
.labelEditSelectInfo .info .radio i {
  background-color: #fff;
  margin-right: 5px;
}
.labelEditSelectInfo .info .input {
  display: inline-block;
  box-sizing: border-box;
  width: 110px;
  height: 36px;
}
.labelEditSelectInfo .info .input:before,
.labelEditSelectInfo .info .input:after {
  box-sizing: inherit;
}
.switcher {
  width: 44px;
  height: 22px;
  border-radius: 40px;
  box-sizing: border-box;
  color: #fff;
  position: relative;
  line-height: 22px;
  padding-left: 8px;
  background-color: #9b9b9b;
  cursor: pointer;
}
.switcher:before,
.switcher:after {
  box-sizing: inherit;
}
.switcher .text {
  display: none;
}
.switcher .circle {
  position: absolute;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 50%;
  left: 2px;
  top: 2px;
  transition: all 0.2s;
}
.switcher.on {
  background-color: #1890ff;
}
.switcher.on .text {
  display: inline-block;
}
.switcher.on .circle {
  left: 24px;
}
.login {
  background: url('../img/background.svg') no-repeat #0f1a38;
  margin-top: -80px;
  background-size: cover;
  box-sizing: border-box;
}
.login:before,
.login:after {
  box-sizing: inherit;
}
.login .loginBox {
  width: 380px;
  height: 342px;
  border-radius: 3px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  box-sizing: border-box;
  padding: 0 50px;
}
.login .loginBox:before,
.login .loginBox:after {
  box-sizing: inherit;
}
.login .loginBox .title {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
}
.login .loginBox .input {
  margin-top: 20px;
  background-color: #f5f5f5;
}
.login .loginBox .errMsg {
  color: #d0021b;
  margin-top: 15px;
}
.login .loginBox .errMsg .iErr {
  position: relative;
  left: -4px;
  top: 3px;
}
.login .loginBox button,
.login .loginBox .button {
  width: 100%;
  margin-top: 15px;
}
header.ghost {
  background: inherit;
}
footer.ghost {
  color: #fff;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.admin .leftBar {
  position: fixed;
  background-color: #0f1a38;
  height: 100%;
  width: 160px;
}
.admin .leftBar .unicom {
  position: relative;
  width: 100%;
  height: 80px;
  background: no-repeat url('../img/sprite.svg');
  background-position: -20px -20px;
  -ms-transform: scaleY(1.5);
  -moz-transform: scaleY(1.5);
  -o-transform: scaleY(1.5);
  -webkit-transform: scaleY(1.5);
  transform: scaleY(1.5);
  top: 20px;
}
.admin .leftBar .unicom:before {
  content: '';
  position: absolute;
  left: 44px;
  top: 10px;
  display: inline-block;
  width: 73px;
  height: 40px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: 0px -520px;
  -ms-transform: scale(0.9, 0.6);
  -moz-transform: scale(0.9, 0.6);
  -o-transform: scale(0.9, 0.6);
  -webkit-transform: scale(0.9, 0.6);
  transform: scale(0.9, 0.6);
}
.admin .leftBar .unicom:after {
  content: '';
  position: absolute;
  top: 48px;
  left: 10px;
  display: inline-block;
  width: 140px;
  height: 19px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -95px -530px;
  -ms-transform: scale(0.8, 0.5);
  -moz-transform: scale(0.8, 0.5);
  -o-transform: scale(0.8, 0.5);
  -webkit-transform: scale(0.8, 0.5);
  transform: scale(0.8, 0.5);
}
.admin .leftBar ul {
  margin-top: 60px;
}
.admin .leftBar ul li a {
  position: relative;
  color: #fff;
  height: 50px;
  line-height: 50px;
  padding-left: 53px;
  color: #ddd;
  border-left: 2px solid #0f1a38;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
.admin .leftBar ul li a:before,
.admin .leftBar ul li a:after {
  box-sizing: inherit;
}
.admin .leftBar ul li.on a {
  pointer-events: none;
  color: #49d686;
  background-color: #000;
  border-left-color: #49d686;
}
.admin .leftBar ul li.on .iAttr {
  display: inline-block;
  width: 16px;
  height: 13px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -242px -243px;
}
.admin .leftBar ul li.on .iMenu {
  display: inline-block;
  width: 16px;
  height: 9px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -262px -246px;
}
.admin .leftBar ul li.on .iRole {
  display: inline-block;
  width: 14px;
  height: 16px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -283px -242px;
}
.admin .leftBar ul li.on .iUser {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -302px -242px;
}
.admin .leftBar ul li:hover {
  background-color: #000;
}
.admin .leftBar ul li .iAttr,
.admin .leftBar ul li .iMenu,
.admin .leftBar ul li .iRole,
.admin .leftBar ul li .iUser {
  position: absolute;
  left: 22px;
  top: 18px;
}
.admin .leftBar .operate {
  position: absolute;
  bottom: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  height: 50px;
  width: calc(100% - 20px);
  box-sizing: border-box;
  margin: 0 10px;
}
.admin .leftBar .operate:before,
.admin .leftBar .operate:after {
  box-sizing: inherit;
}
.admin .leftBar .operate .item {
  position: relative;
  float: left;
}
.admin .leftBar .operate .item .tip {
  display: none;
  position: absolute;
  left: -10px;
  bottom: 28px;
  width: 60px;
  height: 30px;
  text-align: center;
  color: #fff;
  line-height: 30px;
  border-radius: 2px;
  background-color: #999aa0;
}
.admin .leftBar .operate .item .tip:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 8px solid #999aa0;
  border-bottom: 8px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  left: 21px;
  bottom: -15px;
}
.admin .leftBar .operate .item:hover i {
  opacity: 0.7;
}
.admin .leftBar .operate .item:hover .tip {
  display: inline-block;
}
.admin .leftBar .operate i {
  position: relative;
  float: left;
  margin: 18px 10px 0;
  cursor: pointer;
}
.admin .leftBar .operate i:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.admin .leftBar .operate i i:first-child {
  margin-left: 13px;
}
.admin .leftBar .operate i.back {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -323px -243px;
}
.admin .leftBar .operate i.passwd {
  display: inline-block;
  width: 12px;
  height: 16px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -344px -242px;
}
.admin .leftBar .operate i.user {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -322px -263px;
}
.admin .leftBar .operate i.logout {
  display: inline-block;
  width: 13px;
  height: 16px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -344px -262px;
}
.admin .navBar {
  background-color: #f7f8f8;
  position: fixed;
  left: 160px;
  height: 100%;
}
.admin .navBar.attrTree {
  left: 400px;
  z-index: 2;
}
.admin .navBar.attrTree .scrollBar {
  height: calc(100% - 20px);
}
.admin .navBar.attrTree .sure {
  position: absolute;
  bottom: 10px;
  width: calc(100% - 15px);
}
.admin .navBar.attrTree .sure .item {
  width: 50%;
  display: inline-block;
  cursor: pointer;
  text-align: center;
}
.admin .navBar.attrTree .sure .item:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.admin .navBar li .item.on,
.admin .navBar dt.on,
.admin .navBar dd.on {
  background-color: #49d686;
}
.admin .navBar li .item:hover,
.admin .navBar dt:hover,
.admin .navBar dd:hover {
  color: #49d686;
}
.admin .content {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
}
.admin .content .header {
  height: 68px;
  border-bottom: solid 1px #f5f5f5;
  padding-top: 30px;
  font-size: 14px;
  box-sizing: border-box;
}
.admin .content .header:before,
.admin .content .header:after {
  box-sizing: inherit;
}
.admin .content .header > .left {
  float: left;
}
.admin .content .header .right {
  float: right;
  color: #9b9b9b;
}
.admin .content .header .right .num {
  font-size: 16px;
  color: #4a4a4a;
}
.admin .content .header .title {
  position: relative;
}
.admin .content .header .title:before {
  content: '';
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block;
  width: 15px;
  height: 16px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -143px -2px;
}
.admin .content .header .breadcrumb {
  height: auto;
  font-size: 12px;
  line-height: 12px;
}
.admin .content .header .breadcrumb .left {
  left: 180px;
}
.admin .content > .title {
  width: 570px;
  height: 40px;
  background-color: #f7f8f8;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 40px;
  font-weight: 600;
}
.admin .content .searchBox {
  position: relative;
  box-sizing: border-box;
  padding: 12px 30px 0 15px;
  width: 267px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #d9d9d9;
}
.admin .content .searchBox:before,
.admin .content .searchBox:after {
  box-sizing: inherit;
}
.admin .content .searchBox .left {
  height: 14px;
  width: 100px;
  border-right: 1px solid #d9d9d9;
  display: inline-block;
}
.admin .content .searchBox .right {
  display: inline-block;
  width: 100px;
}
.admin .content .searchBox input {
  width: 100%;
}
.admin .content .searchBox i.iSearch {
  cursor: pointer;
  content: '';
  display: inline-block;
  position: absolute;
  right: 12px;
}
.admin .content .operateBox {
  width: 500px;
  margin: 0 auto;
  margin-top: 30px;
  *zoom: 1;
}
.admin .content .operateBox:after,
.admin .content .operateBox:before {
  content: "";
  display: table;
}
.admin .content .operateBox:after {
  clear: both;
}
.admin .content .operateBox .leftBox {
  margin-right: 100px;
}
.admin .content .operateBox .leftBox,
.admin .content .operateBox .rightBox {
  float: left;
  width: 200px;
}
.admin .content .operateBox .leftBox .input,
.admin .content .operateBox .rightBox .input,
.admin .content .operateBox .leftBox input,
.admin .content .operateBox .rightBox input {
  margin: 0;
  width: 100%;
}
.admin .content .operateBox .bottomBox {
  position: relative;
  float: left;
  width: 500px;
  background-color: #f7f8f8;
  padding: 20px 0 0 20px;
  box-sizing: border-box;
}
.admin .content .operateBox .bottomBox:before,
.admin .content .operateBox .bottomBox:after {
  box-sizing: inherit;
}
.admin .content .operateBox .bottomBox .name {
  text-align: right;
  position: absolute;
  left: -80px;
  top: 50%;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 70px;
}
.admin .content .operateBox .bottomBox .radio {
  margin: 0 30px 20px 0;
}
.admin .content .operateBox .bottomBox .radio input[type=checkbox] {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 50%;
  width: 14px;
  height: 14px;
  margin: -8px 0 0 0;
  opacity: 0;
  cursor: pointer;
}
.admin .content .operateBox .bottomBox .radio input[type=checkbox]:checked + i {
  border: 1px solid #49d686;
}
.admin .content .operateBox .bottomBox .radio input[type=checkbox]:checked + i:before {
  background: #49d686;
}
.admin .content .operateBox .bottomBox .radio input[type=checkbox]:hover + i {
  border-color: #49d686;
}
.admin .content .operateBox .bottomBox .radio input[type=checkbox]:disabled {
  cursor: not-allowed;
}
.admin .content .operateBox .bottomBox .radio input[type=checkbox]:disabled + i {
  background: #f7f7f7;
}
.admin .content .operateBox .bottomBox .radio input[type=checkbox]:disabled + i:before {
  background: #f7f7f7;
}
.admin .content .operateBox .bottomBox .radio input[type=checkbox]:disabled:hover + i {
  background: #f7f7f7;
  border-color: #e8e8e8;
}
.admin .content .operateBox .bottomBox .radio input[type=checkbox]:disabled:checked + i {
  border-color: #e8e8e8;
}
.admin .content .operateBox .bottomBox .radio input[type=checkbox]:disabled:checked + i:before {
  background: #e8e8e8;
}
.admin .content .operateBox .bottomBox .radio input[type=checkbox].notAllowed {
  cursor: not-allowed;
}
.admin .content .operateBox .bottomBox .radio i {
  position: relative;
  float: left;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  border-radius: 100%;
  vertical-align: top;
  background-color: #fff;
}
.admin .content .operateBox .bottomBox .radio i:before,
.admin .content .operateBox .bottomBox .radio i:after {
  box-sizing: inherit;
}
.admin .content .operateBox .bottomBox .radio i:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -3px;
  background-color: #ffffff;
  border-radius: 100%;
}
.admin .content .operateBox .bottomBox .radio.disabled {
  color: #cccccc;
  cursor: not-allowed;
}
.admin .content .operateBox .selectBar {
  position: relative;
  margin-top: 30px;
  box-sizing: border-box;
  padding: 10px 8px 10px 0;
  width: 100%;
  height: 220px;
  border-radius: 3px;
  background-color: #f7f8f8;
}
.admin .content .operateBox .selectBar:before,
.admin .content .operateBox .selectBar:after {
  box-sizing: inherit;
}
.admin .content .operateBox .selectBar .scrollBar {
  height: 200px;
  overflow: auto;
}
.admin .content .operateBox .selectBar .scrollBar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.admin .content .operateBox .selectBar .scrollBar::-webkit-scrollbar-track-piece {
  background-color: #d9d9d9;
  -webkit-border-radius: 6px;
}
.admin .content .operateBox .selectBar .scrollBar::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #9b9b9b;
  -webkit-border-radius: 6px;
}
.admin .content .operateBox .selectBar .scrollBar::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: #d9d9d9;
  -webkit-border-radius: 6px;
}
.admin .content .operateBox .selectBar .name {
  text-align: right;
  position: absolute;
  left: -80px;
  top: 50%;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 70px;
}
.admin .content .operateBox .selectBar dl {
  text-align: left;
}
.admin .content .operateBox .selectBar dl dt,
.admin .content .operateBox .selectBar dl dd {
  height: 40px;
  line-height: 40px;
}
.admin .content .operateBox .selectBar dl dt .radio input[type=checkbox],
.admin .content .operateBox .selectBar dl dd .radio input[type=checkbox] {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 50%;
  width: 14px;
  height: 14px;
  margin: -8px 0 0 0;
  opacity: 0;
  cursor: pointer;
}
.admin .content .operateBox .selectBar dl dt .radio input[type=checkbox]:checked + i,
.admin .content .operateBox .selectBar dl dd .radio input[type=checkbox]:checked + i {
  border: 1px solid #49d686;
}
.admin .content .operateBox .selectBar dl dt .radio input[type=checkbox]:checked + i:before,
.admin .content .operateBox .selectBar dl dd .radio input[type=checkbox]:checked + i:before {
  background: #49d686;
}
.admin .content .operateBox .selectBar dl dt .radio input[type=checkbox]:hover + i,
.admin .content .operateBox .selectBar dl dd .radio input[type=checkbox]:hover + i {
  border-color: #49d686;
}
.admin .content .operateBox .selectBar dl dt .radio input[type=checkbox]:disabled,
.admin .content .operateBox .selectBar dl dd .radio input[type=checkbox]:disabled {
  cursor: not-allowed;
}
.admin .content .operateBox .selectBar dl dt .radio input[type=checkbox]:disabled + i,
.admin .content .operateBox .selectBar dl dd .radio input[type=checkbox]:disabled + i {
  background: #f7f7f7;
}
.admin .content .operateBox .selectBar dl dt .radio input[type=checkbox]:disabled + i:before,
.admin .content .operateBox .selectBar dl dd .radio input[type=checkbox]:disabled + i:before {
  background: #f7f7f7;
}
.admin .content .operateBox .selectBar dl dt .radio input[type=checkbox]:disabled:hover + i,
.admin .content .operateBox .selectBar dl dd .radio input[type=checkbox]:disabled:hover + i {
  background: #f7f7f7;
  border-color: #e8e8e8;
}
.admin .content .operateBox .selectBar dl dt .radio input[type=checkbox]:disabled:checked + i,
.admin .content .operateBox .selectBar dl dd .radio input[type=checkbox]:disabled:checked + i {
  border-color: #e8e8e8;
}
.admin .content .operateBox .selectBar dl dt .radio input[type=checkbox]:disabled:checked + i:before,
.admin .content .operateBox .selectBar dl dd .radio input[type=checkbox]:disabled:checked + i:before {
  background: #e8e8e8;
}
.admin .content .operateBox .selectBar dl dt .radio input[type=checkbox].notAllowed,
.admin .content .operateBox .selectBar dl dd .radio input[type=checkbox].notAllowed {
  cursor: not-allowed;
}
.admin .content .operateBox .selectBar dl dt .radio i,
.admin .content .operateBox .selectBar dl dd .radio i {
  position: relative;
  float: left;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  border-radius: 100%;
  vertical-align: top;
  background-color: #fff;
}
.admin .content .operateBox .selectBar dl dt .radio i:before,
.admin .content .operateBox .selectBar dl dd .radio i:before,
.admin .content .operateBox .selectBar dl dt .radio i:after,
.admin .content .operateBox .selectBar dl dd .radio i:after {
  box-sizing: inherit;
}
.admin .content .operateBox .selectBar dl dt .radio i:before,
.admin .content .operateBox .selectBar dl dd .radio i:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -3px;
  background-color: #ffffff;
  border-radius: 100%;
}
.admin .content .operateBox .selectBar dl dt .radio.disabled,
.admin .content .operateBox .selectBar dl dd .radio.disabled {
  color: #cccccc;
  cursor: not-allowed;
}
.admin .content .operateBox .selectBar dl dt {
  position: relative;
  padding-left: 40px;
}
.admin .content .operateBox .selectBar dl dt .iup {
  position: absolute;
  width: 13px;
  height: 13px;
  border: 1px solid #9b9b9b;
  top: 13px;
  left: 20px;
  box-sizing: border-box;
}
.admin .content .operateBox .selectBar dl dt .iup:before,
.admin .content .operateBox .selectBar dl dt .iup:after {
  box-sizing: inherit;
}
.admin .content .operateBox .selectBar dl dt .iup:before {
  content: '';
  width: 1px;
  height: 5px;
  position: absolute;
  left: 5px;
  top: 3px;
  background-color: #9b9b9b;
}
.admin .content .operateBox .selectBar dl dt .iup:after {
  content: '';
  width: 5px;
  height: 1px;
  position: absolute;
  left: 3px;
  top: 5px;
  background-color: #9b9b9b;
}
.admin .content .operateBox .selectBar dl dt .idown {
  position: absolute;
  width: 13px;
  height: 13px;
  border: 1px solid #9b9b9b;
  top: 13px;
  left: 20px;
  box-sizing: border-box;
}
.admin .content .operateBox .selectBar dl dt .idown:before,
.admin .content .operateBox .selectBar dl dt .idown:after {
  box-sizing: inherit;
}
.admin .content .operateBox .selectBar dl dt .idown:after {
  content: '';
  width: 5px;
  height: 1px;
  position: absolute;
  left: 3px;
  top: 5px;
  background-color: #9b9b9b;
}
.admin .content .operateBox .selectBar dl dt .radio input,
.admin .content .operateBox .selectBar dl dt .radio i {
  position: absolute;
  left: 125px !important;
}
.admin .content .operateBox .selectBar dl dd {
  padding-left: 42px;
}
.admin .content .operateBox.role {
  width: 560px;
  margin-top: 90px;
}
.admin .content .operateBox.role .leftBox,
.admin .content .operateBox.role .rightBox {
  width: 250px;
}
.admin .content .operateBox.role .leftBox .input,
.admin .content .operateBox.role .rightBox .input {
  height: 40px;
  line-height: 40px;
  border-radius: 100px;
}
.admin .content .operateBox.role .leftBox .input .iSearch,
.admin .content .operateBox.role .rightBox .input .iSearch {
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -322px -202px;
  cursor: pointer;
}
.admin .content .operateBox.role .leftBox .input input,
.admin .content .operateBox.role .rightBox .input input {
  padding: 0 20px 0 10px;
  box-sizing: border-box;
}
.admin .content .operateBox.role .leftBox .input input:before,
.admin .content .operateBox.role .rightBox .input input:before,
.admin .content .operateBox.role .leftBox .input input:after,
.admin .content .operateBox.role .rightBox .input input:after {
  box-sizing: inherit;
}
.admin .content .operateBox.role .leftBox .input label,
.admin .content .operateBox.role .rightBox .input label {
  font-size: 14px;
  left: 50%;
  top: -46px;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.admin .content .operateBox.role .leftBox .selectBar,
.admin .content .operateBox.role .rightBox .selectBar {
  height: 300px;
  padding: 20px;
}
.admin .content .operateBox.role .leftBox .selectBar .scrollBar,
.admin .content .operateBox.role .rightBox .selectBar .scrollBar {
  height: 260px;
}
.admin .content .operateBox.role .leftBox {
  margin-right: 60px;
}
.admin .content .operateBox.role .leftBox .selectBar {
  text-align: right;
  direction: rtl;
}
.admin .content .operateBox.role .leftBox .selectBar ul li {
  margin: 20px 35px 20px 0;
  position: relative;
  cursor: pointer;
}
.admin .content .operateBox.role .leftBox .selectBar ul li:hover {
  font-weight: bold;
  left: 10px;
}
.admin .content .operateBox.role .leftBox .selectBar ul li:hover:after {
  content: '';
  position: absolute;
  right: -25px;
  top: 3px;
  display: inline-block;
  width: 15px;
  height: 10px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -242px -285px;
}
.admin .content .operateBox.role .rightBox .selectBar {
  text-align: left;
}
.admin .content .operateBox.role .rightBox .selectBar ul li {
  position: relative;
  margin: 20px 0px 20px 35px;
  cursor: pointer;
}
.admin .content .operateBox.role .rightBox .selectBar ul li:hover {
  font-weight: bold;
  left: -10px;
}
.admin .content .operateBox.role .rightBox .selectBar ul li:hover:after {
  content: '';
  position: absolute;
  left: -25px;
  top: 3px;
  display: inline-block;
  width: 15px;
  height: 10px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -262px -285px;
}
.admin .labelInfo {
  width: 700px;
  margin: 0 auto;
}
.admin .labelInfo .infoItem {
  height: 45px;
  padding: 20px 0;
  border-bottom: 1px solid #f5f5f5;
}
.admin .labelInfo .infoItem.noBottom {
  border-bottom: none;
}
.admin .labelInfo .infoItem .item {
  box-sizing: border-box;
  display: inline-block !important;
  min-width: 230px;
  border-right: 1px solid #f5f5f5;
  padding-left: 30px;
}
.admin .labelInfo .infoItem .item:before,
.admin .labelInfo .infoItem .item:after {
  box-sizing: inherit;
}
.admin .labelInfo .infoItem .item .title {
  font-size: 12px;
  color: #49d686;
  margin-bottom: 10px;
}
.admin .labelInfo .infoItem .item .content {
  font-size: 13px;
  padding-left: 0;
}
.admin .labelInfo .infoItem .item .content .condiction {
  color: #9b9b9b;
}
.admin .labelInfo .infoItem .item:first-child {
  padding-left: 0;
}
.admin .labelInfo .infoItem .item:last-child {
  border-right: none;
}
.admin .formGroup {
  text-align: center;
}
.admin .formGroup .input,
.admin .formGroup .selectBox {
  width: 300px;
  height: 36px;
  box-sizing: border-box;
  text-align: left;
  margin: 30px auto 0;
  line-height: 36px;
}
.admin .formGroup .input:before,
.admin .formGroup .selectBox:before,
.admin .formGroup .input:after,
.admin .formGroup .selectBox:after {
  box-sizing: inherit;
}
.admin .formGroup .input label,
.admin .formGroup .selectBox label {
  position: absolute;
  left: -10px;
  top: 0;
  -ms-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.admin .formGroup .input label.required:before,
.admin .formGroup .selectBox label.required:before {
  content: '*';
  position: absolute;
  left: -10px;
  color: #f00;
}
.admin .formGroup.twoLine {
  text-align: left;
}
.admin .formGroup.twoLine .input,
.admin .formGroup.twoLine .selectBox {
  display: inline-block;
  width: 200px;
  margin-left: 100px;
}
.admin .formGroup.twoLine .input:nth-child(2n + 1),
.admin .formGroup.twoLine .selectBox:nth-child(2n + 1) {
  margin-left: 235px;
}
.admin .results {
  margin: 20px auto 0;
  padding: 10px;
  border-radius: 13px;
  border: 1px dashed #d9d9d9;
  width: 480px;
  font-size: 0;
  box-sizing: border-box;
}
.admin .results:before,
.admin .results:after {
  box-sizing: inherit;
}
.admin .results .result {
  display: inline-block;
  width: 210px;
  height: 88px;
  margin: 9px;
  background-color: #f7f8f8;
  text-align: center;
  font-size: 0;
  position: relative;
}
.admin .results .result:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.admin .results .result:hover .edit,
.admin .results .result:hover .add {
  display: inline-block;
  cursor: pointer;
}
.admin .results .result p {
  font-size: 14px;
  color: #49d686;
  margin: 15px 0;
}
.admin .results .result .condiction {
  margin-right: 15px;
  padding: 4px 10px;
  background-color: #fff;
  font-size: 14px;
}
.admin .results .result .condiction:last-child {
  margin-right: 0;
}
.admin .results .result .edit {
  position: absolute;
  display: none;
  left: 0;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border: solid 1px #fb4040;
  border-radius: 50%;
}
.admin .results .result .edit:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -325px -185px;
}
.admin .results .result .add {
  position: absolute;
  display: none;
  right: 0;
  top: 50%;
  -ms-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border: solid 1px #fb4040;
  border-radius: 50%;
}
.admin .results .result .add:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -345px -185px;
}
.admin .addCondiction {
  color: #ff0000;
  text-align: center;
}
.admin .addCondiction:hover {
  color: rgba(251, 64, 64, 0.7);
}
.admin .addCondiction:hover > .add i {
  background-color: rgba(251, 64, 64, 0.7);
}
.admin .addCondiction > .add {
  position: relative;
  cursor: pointer;
}
.admin .addCondiction > .add:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -26px -6px;
  left: -18px;
  top: 0px;
  width: 13px;
  height: 13px;
  background-position: -23px -3px;
  border-radius: 50%;
  background-color: #fb4040;
}
.modal.addAttr {
  width: 300px;
  padding: 20px 30px;
}
.modal.addAttr .title {
  font-size: 16px;
  color: #4a4a4a;
}
.modal.addAttr .content {
  padding: 0;
}
.modal.addAttr .input {
  width: 240px;
  transform: none;
  margin-bottom: 20px;
}
.modal.addAttr .input .selectBox {
  position: absolute;
  transform: none;
  margin: 0;
  width: 110px;
  left: 0;
  top: 10px;
  border: 0;
  height: 17px;
  line-height: 17px;
  text-align: left;
  border-right: 1px solid #d9d9d9;
}
.modal.addAttr .input .selectBox p {
  line-height: 17px;
}
.modal.addAttr .input .selectBox:after {
  line-height: 17px;
}
.pl85 {
  padding-left: 85px;
}
.pl125 {
  padding-left: 125px;
}
.w600 {
  width: 600px;
}
.ml400 {
  margin-left: 400px;
}
.ml160 {
  margin-left: 160px;
}
.rc-tree-title {
  position: relative;
}
.rc-tree-title:hover {
  opacity: 1 !important;
}
.rc-tree-node-selected {
  width: auto !important;
}
.rc-tree-node-content-wrapper {
  width: calc(100% - 22px) !important;
}
.rc-tree-node-content-wrapper:hover .operate {
  display: inline-block;
}
.rc-tree-node-content-wrapper:hover .operate .add:hover .addBox {
  display: inline-block;
}
.rc-tree-node-content-wrapper .operate {
  display: none;
  position: absolute;
  right: -69px;
  top: -10px;
}
.rc-tree-node-content-wrapper .operate i {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #383838;
  margin-left: 10px;
  position: relative;
  cursor: pointer;
}
.rc-tree-node-content-wrapper .operate i.add:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -26px -6px;
  left: 3px;
  top: 3px;
}
.rc-tree-node-content-wrapper .operate i.add .addBox {
  display: none;
  position: absolute;
  left: -33px;
  top: calc(100% + 10px);
  width: 78px;
  height: 64px;
  border-radius: 3px;
  background-color: #fff;
  text-align: center;
  line-height: 22px;
  padding-top: 10px;
  color: #9b9b9b;
  font-weight: normal;
  box-sizing: border-box;
  z-index: 2;
}
.rc-tree-node-content-wrapper .operate i.add .addBox:before,
.rc-tree-node-content-wrapper .operate i.add .addBox:after {
  box-sizing: inherit;
}
.rc-tree-node-content-wrapper .operate i.add .addBox p:hover {
  color: #49d686;
}
.rc-tree-node-content-wrapper .operate i.add .addBox:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 8px solid #fff;
  border-top: 8px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  left: 33px;
  bottom: 100%;
}
.rc-tree-node-content-wrapper .operate i.edit:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -166px -6px;
  left: 3px;
  top: 3px;
}
.rc-tree-node-content-wrapper .operate i.del:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -26px -6px;
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 3px;
  top: 3px;
}
.pen {
  cursor: not-allowed;
  pointer-events: none;
}
.rc-tree {
  padding: 5px 10px 5px 15px !important;
  box-sizing: border-box;
  font-size: 12px;
}
.rc-tree:before,
.rc-tree:after {
  box-sizing: inherit;
}
.rc-tree li {
  line-height: 40px;
}
.rc-tree li ul {
  box-sizing: border-box;
  padding: 0 0 0 22px !important;
}
.rc-tree li ul:before,
.rc-tree li ul:after {
  box-sizing: inherit;
}
.rc-tree-title:hover {
  -ms-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.rc-tree-switcher_open,
.rc-tree-switcher_close {
  position: relative;
  background: none !important;
  margin-right: 8px !important;
  width: 13px !important;
  height: 13px !important;
  border: 1px solid #9b9b9b !important;
  box-sizing: border-box;
}
.rc-tree-switcher_open:before,
.rc-tree-switcher_close:before,
.rc-tree-switcher_open:after,
.rc-tree-switcher_close:after {
  box-sizing: inherit;
}
.rc-tree-switcher_open:after,
.rc-tree-switcher_close:after {
  content: '';
  width: 5px;
  height: 1px;
  position: absolute;
  left: 3px;
  top: 5px;
  background-color: #9b9b9b;
}
.rc-tree-switcher_close:before {
  content: '';
  width: 1px;
  height: 5px;
  position: absolute;
  left: 5px;
  top: 3px;
  background-color: #9b9b9b;
}
.rc-tree-iconEle {
  display: none !important;
}
.rc-tree-switcher-noop {
  display: none !important;
}
.rc-tree-node-content-wrapper {
  height: auto !important;
}
.rc-tree-node-content-wrapper-normal {
  position: relative;
  padding: 0 0 0 20px !important;
  box-sizing: border-box;
}
.rc-tree-node-content-wrapper-normal:before,
.rc-tree-node-content-wrapper-normal:after {
  box-sizing: inherit;
}
.rc-tree-node-content-wrapper-normal:before {
  content: '';
  position: absolute;
  top: 14px;
  left: 0;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -124px -4px;
}
.rc-tree-node-content-wrapper-close.rc-tree-node-selected,
.rc-tree-node-content-wrapper-open.rc-tree-node-selected {
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: auto !important;
  background: none !important;
  color: #3a9cfc !important;
  font-weight: bold;
}
.rc-tree-node-selected {
  margin-left: -22px !important;
  padding-left: 42px!important;
  width: calc(100% + 22px) !important;
  background-color: #3a9cfc !important;
  opacity: 1 !important;
  border: none !important;
  color: white !important;
  border-radius: 3px;
}
.rc-tree-node-selected:before {
  left: 22px;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -104px -4px;
}
.admin .content .header .textButton {
  position: relative;
  padding-left: 20px;
  line-height: 20px;
  color: #FB4040;
  font-size: 12px;
  cursor: pointer;
}
.admin .content .header .textButton:hover {
  opacity: 0.7;
}
.admin .content .header .textButton:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  border-radius: 50%;
}
.admin .content .header .textButton.editButton:before {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -163px -3px;
  background-color: #FB4040;
}
.admin .content .header .textButton.addButton:before {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -23px -3px;
  background-color: #FB4040;
}
.admin .content .header .textButton.deleteButton:before {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../img/sprite.svg?ver=20170101001") no-repeat transparent;
  background-position: -43px -3px;
  background-color: #FB4040;
}
.admin .rc-tree-node-content-wrapper-open.rc-tree-node-selected {
  background: none !important;
}
.admin .rc-tree-node-content-wrapper-open.rc-tree-node-selected {
  color: #49D686 !important;
}
.admin .rc-tree-node-selected {
  background-color: #49D686 !important;
}
.admin .leftBar {
  z-index: 1;
}
.modal {
  width: 460px;
}
.modal > .title {
  margin-bottom: 0;
  color: #4a4a4a;
}
.modal > .content {
  padding: 0;
}
.modal .input,
.modal .selectBox {
  -ms-transform: translateX(35px);
  -moz-transform: translateX(35px);
  -o-transform: translateX(35px);
  -webkit-transform: translateX(35px);
  transform: translateX(35px);
  width: 300px;
  height: 36px;
  box-sizing: border-box;
  text-align: left;
  margin: 30px auto 0;
  line-height: 36px;
}
.modal .input:before,
.modal .selectBox:before,
.modal .input:after,
.modal .selectBox:after {
  box-sizing: inherit;
}
.modal .input label,
.modal .selectBox label {
  position: absolute;
  left: -10px;
  top: 0;
  -ms-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.modal .input label.required:before,
.modal .selectBox label.required:before {
  content: '*';
  position: absolute;
  left: -10px;
  color: #f00;
}
.modal .pwdCheck {
  display: block !important;
  margin: -10px 0 0 0;
  position: absolute;
  top: 135px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fb4040;
}
.modal .pwdCheck .text {
  font-size: 12px;
}
.modal .pwdCheck .bar {
  display: inline-block !important;
  margin-left: 15px;
  width: 100px;
  height: 6px;
  border-radius: 3px;
  background-color: #f5f5f5;
  position: relative;
}
.modal .pwdCheck .stronger {
  display: inline-block !important;
  height: 6px;
  position: absolute;
  left: 0;
  top: 0;
  color: #fb4040;
  border-radius: 3px;
  -ms-transition: width 0.2s linear;
  -moz-transition: width 0.2s linear;
  -o-transition: width 0.2s linear;
  -webkit-transition: width 0.2s linear;
  transition: width 0.2s linear;
}
.modal .pwdCheck.low {
  color: #fb4040;
}
.modal .pwdCheck.low .stronger {
  width: 33.33333333%;
  background-color: #fb4040;
}
.modal .pwdCheck.mid {
  color: #febf2f;
}
.modal .pwdCheck.mid .stronger {
  width: 65%;
  background-color: #febf2f;
}
.modal .pwdCheck.high {
  color: #49d686;
}
.modal .pwdCheck.high .stronger {
  width: 100%;
  background-color: #49d686;
}
.login .authCode {
  position: relative;
  padding-right: 100px;
}
.login .authCode .codeImg {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 90px;
  height: 34px;
}